21 Wednesday May 2014
It is very simple
Javascript :
<script type=”text/javascript”>
setTimeout(function(){
window.location.reload();
}, 5000);
</script>
Jquery :
$(‘#id’).click(function() {
location.reload();
});
08 Tuesday Oct 2013
Posted in Jquery
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.
04 Friday Oct 2013
Posted in Jquery
Just follow bellow code
$(‘#your_id).dialog(
{
modal: true,
height: ‘auto’,
width: ‘auto’
});
Hope it will help you.
05 Wednesday Sep 2012
Posted in Jquery
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()”>
01 Friday Jun 2012
Posted in Jquery
<!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 from jquery main site. or link to this way.
/* just declare a css class for ur real design */
<style>
.second_step { font-weight: bold;
color: green;
font-size: 24px;}
</style>
/* $(document).ready(function() => to write head section.
li: first child => first li of UL
.addClass => add a css class name.
*/
<script>
$(document).ready(function() {
$(‘li:first-child’).addClass(‘second_step’);
});
</script>
01 Friday Jun 2012
Posted in Jquery
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 animations
HTML DOM traversal and modification
AJAX
Utilities
Built in an attempt to simplify the existing DOM APIs and abstract away cross-browser issues.
26.95% of all sites use jQuery
Fully documented.
Great community.
Tons of plugins.
Small size (23kb)
Everything works in IE 6+, Firefox 2+, Safari 3+, Chrome, and Opera 9+
01 Friday Jun 2012
Posted in Jquery
<!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>