It is very simple Javascript : <script type=”text/javascript”> setTimeout(function(){ window.location.reload(); }, 5000); </script> Jquery : $(‘#id’).click(function() { location.reload(); });
Read MoreJust see below code $(“.product-info”).click(function(){ if(!$(this).hasClass(“activeBar”)) { $(this).addClass(“activeBar”); } else { $(this).removeClass(“activeBar”); } }); Another example ; $(“.product-info”).click(function(){ $(this).toggleClass(“activeBar”); }); hope it will help you.
Read MoreJust follow bellow code $(‘#your_id).dialog( { modal: true, height: ‘auto’, width: ‘auto’ }); Hope it will help you.
Read MoreCan not work Cancel button in Jquery fancybox parent.jQuery.fancybox.close() is a function add to Onclick. Hope it will work. <input type=button name=”cancel” value=”Cancel” onClick=”parent.jQuery.fancybox.close()”>
Read More<!doctype html> <html> <head> <meta charset=utf-8> <title>Second Step of Jquery</title> <script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js”></script> <style> .second_step { font-weight: bold; color: green; font-size: 24px;} </style> <script> $(document).ready(function() { $(‘li:first-child’).addClass(‘second_step’); }); </script> </head> <body> <ul> <li>Item-1</li> <li>Item-2</li> <li>Item-3</li> </ul> </body> </html> …………………………………………………………………………………………………………………………………………………………………… <title>Second Step of Jquery</title> // just title message. <script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js”></script> // U can download ur jquery version […]
Read MoreAn open source JavaScript library that simplifies the interaction between HTML and JavaScript Created by John Resig in 2005, released in January of 2006. jQuery is a lightweight “write less, do more” JavaScript library. The jQuery library contains the following features: HTML element selections HTML element manipulation CSS manipulation HTML event functions JavaScript Effects and […]
Read More<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml”> <head> <title>First Step of Jquery</title> <style> ul li { color: black; font-weight: bold; font-size: 18px; font-family: Verdana; } .first { color: green; } </style> </head> <body> <ul> <li>Item-1</li> <li>Item-2</li> <li>Item-3</li> </ul> <script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js”></script> <script> $(‘ul li’).addClass(‘first’); </script> </body> </html>
Read More