This option will reset the home page of this site. Restoring any closed widgets or categories.

Reset
Home  »  Archives

Jquery


Page 1 of 212»

Expand and collapse toggle div using jquery

Written on 20 Feb, 2010 at 14:01 in Jquery | viewed This Post Has Been Viewed 941 Times. times | 0 Comments

This is a very simple tutorial on how to show and hide a division tag or Expand and collapse toggle div using simple jquery. <script src=”http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js” type=”text/javascript”></script> <script type=”text/javascript”> $(document).ready(function(){ $(”#butShowHideSlow”).click(function () { $(”#divShowHideSlow”).toggle(”slow”); }); }); </script> <button id=”butShowHideSlow”>Click Me</button> <div style=”width:300px;height:47px; border: solid 1px black;background-color:white;text-align:center;” id=”divShowHideSlow”>Div that hide and show... (Continue reading)

Tagged with:         

Load Another Webpage Content Using Simple Jquery

Written on 16 Jan, 2010 at 11:56 in Jquery | viewed This Post Has Been Viewed 618 Times. times | 0 Comments

Guys here we are gonna see how we can load another webpage content using jquery, very simple to use. Code: 1. HTML Page Here is the code of “test.html” file <head> <title>Content Showing Script</title> <script type=”text/javascript” src=”jquery-1.2.6.js”></script> <script type=”text/javascript”> function content() { $.ajax({ url : “getpage.php”, success : function (data) { $(”#content”).html(data); } }); } </script> </head> <body> Get The... (Continue reading)

Slideshow using jquery

Written on 29 Dec, 2009 at 23:31 in Jquery | viewed This Post Has Been Viewed 388 Times. times | 0 Comments

Just a simple slideshow using jquery <div id="slideshow"> <img src="img/img1.jpg" alt="" class="active" /> <img src="img/img2.jpg" alt="" /> <img src="img/img3.jpg" alt="" /> </div> Now let’s use CSS to position the images on top of each... (Continue reading)

Tagged with:

Disable submit button on form submit

Written on 7 Dec, 2009 at 20:09 in Jquery | viewed This Post Has Been Viewed 318 Times. times | 0 Comments

Multiple form submission is one of the issues that a webmaster face during his development.So instead of writing a hardcore code in the server side.We can just validate a multiple submission using simple client side Jquery. Consider we have this HTML... (Continue reading)

Tagged with:     

Jquery Basics, How to use jquery?

Written on 5 Dec, 2009 at 12:58 in Jquery | viewed This Post Has Been Viewed 437 Times. times | 0 Comments

Below are some basic examples of  Jquery and its feature. How to add jQuery to your website Installing You can download jquery.js file form jquery.com. <script type=”text/javascript” src=”jquery.js“></script> OR  Recommended  <script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/ libs/jquery/1.3.0/jquery.min.js“></script> Jquery Code Generally used script run this when the HTML is all ready.  Live Demo <script type=”text/javascript“> $(document).ready(function() { alert(’Welcome to mistonline.in‘); }); </script> Similar as previous script.... (Continue reading)

Tagged with:     

Page 1 of 212»