SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Member
    Join Date
    Aug 2013
    Posts
    24
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    jquery form pagination

    this is where the form www.myclean.com click the button to see the form in the next page, that is what i want to create ,how can i create that using something like this http://jsfiddle.net/Azxjt/ , but i want only one button and remove the pages below

  2. #2
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,683
    Mentioned
    99 Post(s)
    Tagged
    4 Thread(s)
    Quote Originally Posted by peggy023 View Post
    but i want only one button and remove the pages below
    That would seem to be as easy as removing a section of the script starting from this comment:

    Code javascript:
    //start the index at 1

    as well as the code from this comment:

    Code javascript:
    //remove active state of pagination

    Or, you can just hide that page section:

    Code css:
    #page { display: none; }
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  3. #3
    SitePoint Member
    Join Date
    Aug 2013
    Posts
    24
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    ok i'll try thank you!

  4. #4
    SitePoint Member
    Join Date
    Aug 2013
    Posts
    24
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    im done getting the code i need thank you, now how can i use my own button?

  5. #5
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,683
    Mentioned
    99 Post(s)
    Tagged
    4 Thread(s)
    Quote Originally Posted by peggy023 View Post
    im done getting the code i need thank you, now how can i use my own button?
    That button is just a simple link, with CSS used to make it look nice 'n fancy.

    Code css:
    a.next {
        background: #f36b06;
        display: block;
        width: 300px;
        float: left;
        margin: 10px 0 0 164px;
        text-align: center;
        clear: left;
        padding: 7px 13px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        color: white;
        text-decoration: none;
    }

    It's created from this part of the code:

    Code javascript:
    $("article:not(:last)").append('<a class="next" href="#">Next</a>');
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  6. #6
    SitePoint Member
    Join Date
    Aug 2013
    Posts
    24
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    yes sorry, because the button im gonna make has an image. sorry i forgot it's css. thank you again. THREAD CLOSED!


Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •