Javascript sample paging

I search the net for hours and found none about paging that’s simple that I can just copy and paste. So I created one. Just download the HTML and JS file, put it in the same directory and fire away. (Instructions on how to use is located on the javascript file).

Click here to see the sample in action.

I know there are javascript frameworks out there that do this. Its just that, they are too bulky to implement. This one is for people out there who wants a paging without the whole framework shebang.

Advertisement

19 Responses to “Javascript sample paging”

  1. I think some clear explanation is needed to use it.
    Moreover this may not work in realtime.. This is just sample

  2. its currently working. Just download the html and js file and view it on the browser. I think its pretty self explanatory.

  3. Hi,

    I think you need to give a bit more explanation on how to insert this to pages. How we can insert pages into this?

    Cheers,

  4. Leonardo Says:

    Hello. Great script!

    Just a question. In my case i want to call a custom javascript function with some data. I should put it in the goToPage function, don’t i?

    Another one, it is possible to add some images instead of arrows? And maybe disable them (in grey) when there are not applicable.

    Thanks a lot dude!

  5. reinhart Says:

    this good article..

    i need ur help..please

    i have problem that i want to show in web page about 50 record from xml file using DOM..so i want to show the records with javascript..but i don’t know how to show records from xml file with paging in javascript.Can you help me?thank you…

  6. Anonymous Says:

    12121

  7. Leonardo Says:

    Well, i did it myself after all.

    Here is the code in case someone need it.

    rapidshare.com/files/211910088/javascriptPaging.zip.html

    Changes:
    - Added a better look for the paging output (images + 100% width 3 column table)
    - Do something with Ajax with the current page number

    Cheers!

  8. nice script but how i link the table according to record are placed in it

  9. this is the very wonderful. thank you
    I need it

  10. Rajitha Says:

    Hi Leonardo,

    I am not able to download rapidshare link that provided. Would ypu please upload the link again.

    Thanks

  11. Leonardo Says:

    Hello Rajitha,

    Here is the re-uploaded file, this time in Megaupload.

    http://www.megaupload.com/?d=4FJE6T49

    Please leave feedback so others can know if it’s usefull.

    Cheers,
    Leonardo.

  12. Srikanth Says:

    Please help me how to apply this script to table in jsp

  13. Thanks you!
    Thanks to Leonardo as well, was exactly what I was looking for, searched for a while as well ;-)

    Kind regards,
    Sami

  14. hello
    simple paging using javascript.

  15. I dont understand why a tech guy uses wordpress.com where u cant host
    your own google ads, instead wordpress.com earns your clicks, if u dont know how to make a website contact me ˛& my website @ http://www.programiraj.com – webmaster & i will make a blog for u for free or tell u how to make it u-rself

  16. i will even host your blog for free if u agree on a page that goes http://www.something.com which means that ur page automatically will be ranked higher, I sugest u to consider , greetings from croatia- Dario

    • Hi Dario,

      its been a looong time since i commented on this blog. i created this 3 years ago and haven’t been touching it for two years already. Actually, I am preparing to transfer all of these contents to a hosted site. Im just preparing everything.
      Also, Im going to add more contents to these since I have been playing with some brand new spanking tech as of lately: spring 3, oracle batch sched, freemarker and of course, linux stuff.

      Its been a while…but im back!

  17. ek java script ka page hai….usme mujhe ek text area and ek link and submit button lena hai..
    jab link pe click karu.to ek new text area aur ban jaye usi page pe…
    mens agr link 10 times click ho to usi page pe 10 new text area ban jaye..
    jab submit button click ho to jitna bhi data us 10 text area mai hai vo database mai store ho jaye…

    plz its urgent for me….plzz send me how to do it..

  18. Premium link generator | Megaupload premium link generator…

    [...]Javascript sample paging « stikiflem’s techblog[...]…

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Connecting to %s

Follow

Get every new post delivered to your Inbox.