javascript - Table pagination with jQuery -

-

i'm trying simulate pagination using jquery , have worked out essential pagination elements can't navigation part work. worked list element not table structure. can please tell me issue?

var show_per_page = 2; var number_of_items = $('tbody').children().size(); var number_of_pages = math.ceil(number_of_items / show_per_page); var current_link = 0;  $('table').after('<div class=controls></div>'); var navigation_html = '<a class="prev" onclick="previous()">...</a>';  while (number_of_pages > current_link) {   navigation_html += '<a class="page" onclick="go_to_page(' + current_link + ')" longdesc="' + current_link + '">' + (current_link + 1) + '</a>';   current_link++; } navigation_html += '<a class="next" onclick="next()">...</a>';  $('.controls').html(navigation_html); $('.controls .page:first').addclass('active');  $('tbody').children().hide(); $('tbody').children().slice(0, show_per_page).show();  function go_to_page(page_num) {   start_from = page_num * show_per_page;   end_on = start_from + show_per_page;    $('tbody').children().hide().slice(start_from, end_on).show();    $('.page[longdesc=' + page_num + ']').addclass('active').siblings('.active').removeclass('active');  }  function previous() {   new_page = current_link - 1;    if ($('.active').prev('.page').length == true) {     go_to_page(new_page);   } }  function next() {   new_page = current_link + 1;    if ($('.active').next('.page').length == true) {     go_to_page(new_page);   }   $("a.prev").show();  }

demo js fiddle

your code works, has jsfiddle wrapping function names

i ran code on local file, need include jquery.

this whole code used: https://gist.github.com/kepex/4422d441dbd0b71dfd3d

enter image description here


Comments

Post a Comment

Popular posts from this blog

Delphi XE2 Indy10 udp client-server interchange using SendBuffer-ReceiveBuffer -

-
i use delphi xe2 , indy10 udp protocol. can't receive server echo on client side if use receivebuffer method. got "socket error # 10040" although send small echo message server client. console application illustrate problem below. in advance. program project1; {$apptype console} {$r *.res} uses system.sysutils, idglobal, idbasecomponent, idcomponent, idsockethandle, idudpclient, idudpserver, idudpbase, idstack; type tudp_serv = class(tidudpserver) procedure udpsvudpread(athread: tidudplistenerthread; adata: tidbytes; abinding: tidsockethandle); end; var udpserver: tudp_serv; udpcl: tidudpclient; bsnd, brcv: tbytes; s: string; k: integer; //============================================================================== procedure tudp_serv.udpsvudpread(athread: tidudplistenerthread; adata: tidbytes; abinding: tidsockethandle); begin writeln(' server read: ' + tohex(adata, length(adata))); abinding sendto(peerip, peerport, adat...
Read more

Qt ActiveX WMI QAxBase::dynamicCallHelper: ItemIndex(int): No such property in -

-
i new windows programming. here goes code objiwbemlocator = new qaxobject("wbemscripting.swbemlocator"); objwmiservice = objiwbemlocator->querysubobject("connectserver(qstring&,qstring&)",qstring("."),qstring("root\\cimv2")); qaxobject* returnlist = objwmiservice->querysubobject("execquery(qstring&)", qstring("select * %1").arg(domain)); qaxobject* result = returnlist->querysubobject("itemindex(int)", 0); i getting error on runtime qt activex wmi qaxbase::dynamiccallhelper: itemindex(int): no such property in but itemindex method exists msdn says the itemindex method not work collections not contain swbemobjects, such swbemmethodset, swbemnamedvalueset, swbemprivilegeset, swbempropertyset, , swbemqualifierset. what selecting ? have tried iterating on collection ? plus need minimum windows vista itemindex method. hope helps
Read more

Enable autocomplete or intellisense in Atom editor for PHP -

-
i'm first time user of atom editor php code. atom can autocomplete built-in functions of php. possible make editor autocomplete custom function written in separate file? function.php <?php function printsomething() { echo "hello world"; } index.php <?php require_once "function.php"; printsomething(); // autocompleted atom editor while typing thanks in advance. there text file in %userprofile%.atom called snippets.cson. in there can add snippet. more this: http://flight-manual.atom.io/using-atom/sections/snippets/ but need think can use later on other files well. otherwise need copy , paste.
Read more