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

Reset
Home  »  Archives

Posts Tagged ‘Jquery’


Page 1 of 11

Expand and collapse toggle div using jquery

Written on 20 Feb, 2010 at 14:01 in Jquery | viewed This Post Has Been Viewed 942 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:         

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 319 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 438 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:     

Replacing images with time intervals using jquery

Written on 25 Nov, 2009 at 20:51 in Jquery | viewed This Post Has Been Viewed 455 Times. times | 2 Comments

From today onwards i will be posting the jquery tutoials also, This post will show you how to replace one image with another one in specific time intervals. For example: replacing image1.jpg withimage2.jpg every 5 seconds. Guys if you are not aware... (Continue reading)

Tagged with:     

Page 1 of 11