jquery - slide table content from right to left -

-

i'm using following http://jsfiddle.net/zsffs/27/ in exaample won't slide attach code below please verify , let me know mistake made, can't able found mistake

<html> <head> <style type="text/css"> .container{     width:500px; height:250px; overflow:hidden; margin:10px; position:relative } .table{ position:absolute; width:2000px; height:250px; left:0;  background: -moz-linear-gradient(to right, red, orange, yellow, green, blue, indigo,           violet); } </style>  <script type="text/javascript"> $('.next').click(function(event){ if($('.table').css('left') != '-1500px') { $(this).prop('disabled', true)         $('.table').animate({left:'-=500px'}, 500, function() {           $('.next').prop('disabled', false)         }); } });   $('.prev').click(function(event){ if($('.table').css('left') != '0px') { $(this).prop('disabled', true)        $('.table').animate({left:'+=500px'}, 500, function() {           $('.prev').prop('disabled', false)         }); } }); </script> </head> <body> <div class="container"> <div class="table">     <table border="2">         <tr>             <td>sam</td>             <td>sam</td><td>sam</td><td>sam</td><td>sam</td><td>sam</td><td>sam</td> <td>sam</td><td>sam</td><td>sam</td><td>sam</td><td>sam</td><td>sam</td><td>sam</td><td>sam</td><td>sam</td><td>man</td><td>man</td><td>man</td><td>sam</td><td>sam</td><td>sam</td><td>sam</td><td>bool</td>         </tr>     </table>  </div> </div> <input type='button' class="prev" value='prev'> <input type='button' class="next" value='next'>  </body> </html>

it works in http://jsfiddle.net/zsffs/27/ in advance

you have omitted $(document).ready(function(){ }); , inclusion of jquery framework:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script>  $(document).ready(function(){   $('.next').click(function(event){   if($('.table').css('left') != '-1500px') {   $(this).prop('disabled', true)         $('.table').animate({left:'-=500px'}, 500, function() {           $('.next').prop('disabled', false)         });   }   });     $('.prev').click(function(event){   if($('.table').css('left') != '0px') {   $(this).prop('disabled', true)        $('.table').animate({left:'+=500px'}, 500, function() {           $('.prev').prop('disabled', false)         });   }   });  }); </script>

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