i use the below code for paginate with hover image. In without pagination the hover code is working but with pagination it is not working. i use external javascript for hover images. i use ajax technology for pagination. help me for rectify this issue may be it will usefull to others.this code is not working in pagination\[code\]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head><title>Sliding Window</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <!-- ajax starts here--> <script> function getXMLHttp() { var xmlHttp; try { //Firefox, Opera 8.0+, Safari xmlHttp = new XMLHttpRequest(); } catch(e) { //Internet Explorer try { xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch(e) { try { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch(e) { alert("Your browser does not support AJAX!"); return false; } } } return xmlHttp; } function MakeRequest() { var xmlHttp = getXMLHttp(); xmlHttp.onreadystatechange = function(){if(xmlHttp.readyState==4&&xmlHttp.status==200) { HandleResponse(xmlHttp.responseText); } } xmlHttp.open("POST", "next.php", true); alert("Ajax called"); xmlHttp.send(); } function HandleResponse(response) { document.getElementById('ResponseDiv').innerHTML=response; } </script> <!-- ajax ends here--><link rel="stylesheet" href="http://stackoverflow.com/questions/13832869/boxslide/boxslide.css" type="text/css"> </head> <body> HAI <input type="button" name="pg" value="http://stackoverflow.com/questions/13832869/Next Page(with pagination)" align="top" id="page" onClick="MakeRequest()"> <input type="button" value="http://stackoverflow.com/questions/13832869/Next Page(without pagination)" onClick="next()"/> <script> function next() { window.location.href="http://stackoverflow.com/questions/13832869/next.php"; } </script> <!-- images--><form id="ResponseDiv"> <div id="ResponseDiv" style="overflow:scroll; height:240px; width:700px;"> <!--jquery here--><script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery- 1.3.1.js"></script><!--hover the image here--> <script type="text/javascript" src="http://stackoverflow.com/questions/13832869/boxslide/boxslide.js"></script> <div class="boxgrid thecombo" align="justify"> <img class="cover" src="http://stackoverflow.com/questions/13832869/boxslide/images/0.jpg"/> <h3>My First Creation</h3> <p>Mohan<br/><a href="http://stackoverflow.com/questions/13832869/next.php" target="_BLANK">Sliding Now</a></p> </div> <div class="boxgrid thecombo"> <img class="cover" src="http://stackoverflow.com/questions/13832869/boxslide/images/3.jpg"> </div> <div class="boxgrid thecombo" align="justify"> <img class="cover" src="http://stackoverflow.com/questions/13832869/boxslide/images/1.jpg"/> <h3>My First Creation</h3> <p>Mohan<br/><a href="http://stackoverflow.com/questions/13832869/next.php" target="_BLANK">Sliding Now</a></p> </div> <br><br><br><br><br><br><br><br><br><br><br><br> <div class="boxgrid thecombo" align="justify"> <img src="http://stackoverflow.com/questions/13832869/boxslide/images/4.jpg"/> </div> <div class="cover boxcaption"> <p>Mohan<br/><a href="http://stackoverflow.com/questions/13832869/next.php" target="_BLANK">Sliding Now</a></p> </div> <div class="boxgrid thecombo" align="justify"> <img class="cover" src="http://stackoverflow.com/questions/13832869/boxslide/images/4.jpg"/> </div> <div class="boxgrid thecombo" align="justify"> <img class="cover" src="http://stackoverflow.com/questions/13832869/boxslide/images/0.jpg"/> </div> <br><br><br><br><br><br><br><br><br><br><br><br> <div class="boxgrid thecombo" align="justify"> <img class="cover" src="http://stackoverflow.com/questions/13832869/boxslide/images/3.jpg"/> </div> </div> </form> </body> </html> \[/code\]
how to paginate in ajax technology with hover images?
- Thread starter B1tHunt3r
- Start date