jquery - tablesorter to sort by number of facebook likes? -


i working on table jquery tablesorter , have 1 of columns displaying facebook likes buttons (the 1 counter next "like"). want sort number of "likes" displayed. how can this?

you can see unfinished table here: http://fx-bar.com/brokers.html here i've done until (i added tabber script had issue before):

<!doctype html> <html> <head> <script type="text/javascript" src="/table/jquery-latest.js"></script> <script type="text/javascript" src="/table/jquery.tablesorter.js"></script> <script type="text/javascript" src="/tabber/tabber.js"></script> <script type="text/javascript"> $(document).ready(function()      {          $("#mytable").tablesorter();      }  );  </script> <script type="text/javascript"> $(document).ready(function()      {          $("#mytable").tablesorter( {sortlist: [[1,0]]} );      }  );  </script>  <link rel="stylesheet" type="text/css" href="/table/themes/blue/style.css" media="screen" /> <link rel="stylesheet" type="text/css" href="/tabber/example.css" media="screen" /> </head> <body> <div id="fb-root"></div> <script>(function(d, s, id) {   var js, fjs = d.getelementsbytagname(s)[0];   if (d.getelementbyid(id)) return;   js = d.createelement(s); js.id = id;   js.src = "//connect.facebook.net/en_us/all.js#xfbml=1";   fjs.parentnode.insertbefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>  <div class="tabber">       <div class="tabbertab">       <h2>forex brokers</h2> <table id="mytable" class="tablesorter"> <thead> <tr>     <th>broker name</th>     <th>popularity</th>     <th>min deposit</th>     <th>leverage</th>     <th>promotions</th> </tr> </thead> <tbody> <tr>     <td>fxprimus</td>     <td><div class="fb-like" data-href="http://www.myforexspace.org/page/fxprimus-review" data-send="false" data-layout="button_count" data-width="50" data-show-faces="true"></div></td>     <td>$100</td>     <td>500:1</td>     <td>free 1 on 1 coaching professional trader!</td> </tr> <tr>     <td>avafx</td>     <td><div class="fb-like" data-href="http://www.myforexspace.org/page/ava-fx-review" data-send="false" data-layout="button_count" data-width="50" data-show-faces="true"></div></td>     <td>$100</td>     <td>400:1</td>     <td>up $5000 bonus!</td> </tr> <tr>     <td>doe</td>     <td>jason</td>     <td>jdoe@hotmail.com</td>     <td>$100.00</td>     <td>http://www.jdoe.com</td> </tr> <tr>     <td>conway</td>     <td>tim</td>     <td>tconway@earthlink.net</td>     <td>$50.00</td>     <td>http://www.timconway.com</td> </tr> </tbody> </table></div> <div class="tabbertab">       <h2>binary options brokers</h2> <table id="mytable" class="tablesorter"> <thead> <tr>     <th>broker name</th>     <th>popularity</th>     <th>min deposit</th>     <th>leverage</th>     <th>promotions</th> </tr> </thead> <tbody> <tr>     <td>fxprimus</td>     <td><div class="fb-like" data-href="http://www.myforexspace.org/page/fxprimus-review" data-send="false" data-layout="button_count" data-width="50" data-show-faces="true"></div></td>     <td>$100</td>     <td>500:1</td>     <td>free 1 on 1 coaching professional trader!</td> </tr> <tr>     <td>avafx</td>     <td><div class="fb-like" data-href="http://www.myforexspace.org/page/ava-fx-review" data-send="false" data-layout="button_count" data-width="50" data-show-faces="true"></div></td>     <td>$100</td>     <td>400:1</td>     <td>up $5000 bonus!</td> </tr> <tr>     <td>doe</td>     <td>jason</td>     <td>jdoe@hotmail.com</td>     <td>$100.00</td>     <td>http://www.jdoe.com</td> </tr> <tr>     <td>conway</td>     <td>tim</td>     <td>tconway@earthlink.net</td>     <td>$50.00</td>     <td>http://www.timconway.com</td> </tr> </tbody> </table></div> </div>  </body> </html>  


Comments

Popular posts from this blog

javascript - DIV "hiding" when changing dropdown value -

node.js - Node - Passport Auth - Authed Post Route hangs on form submission -

Does Firefox offer AppleScript support to get URL of windows? -