How can I refresh a page with jQuery/Javascript?
It is very simple Javascript : <script type=”text/javascript”> setTimeout(function(){ window.location.reload(); }, 5000); </script> Jquery : $(‘#id’).click(function() { location.reload(); });
Jquery
Jquery
Jquery addClass and removeClass
Just 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.
Auto width and height in Jquery modal
Just follow bellow code $(‘#your_id).dialog( { modal: true, height: ‘auto’, width: ‘auto’ }); Hope it will help you.
Can not work Cancel button in Jquery fancybox
Can 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()”>
Jquery Second Step
<!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 More
Jquery Basic Introduction
An 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
Jquery Tutorial First Step
<!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>