Rsilitech » Ajax https://rslink.in Your Search Destination Sat, 18 Aug 2012 12:45:55 +0000 en-US hourly 1 http://wordpress.org/?v=3.4.1 Jquery Tutorial https://rslink.in/jquery-tutorial/ https://rslink.in/jquery-tutorial/#comments Tue, 14 Aug 2012 11:16:35 +0000 Blogger https://rslink.in/?p=481 Jquery Tab Make:

<html>
<head>
<title>jQuery Hello World Alert box</title>

<script type=”text/javascript” src=”js/jquery-1.4.2.min.js”></script>
<script type=”text/javascript”>
$(function()
{

$(“#click_here”).click(function(event) {
event.preventDefault();
$(“#div1″).slideToggle();
});
$(“#div1 a”).click(function(event) {
event.preventDefault();
$(“#div1″).slideUp();
});

$(“#click_here_also”).click(function(event) {
event.preventDefault();
$(“#div2″).slideToggle();
});
$(“#div2 a”).click(function(event) {
event.preventDefault();
$(“#div2″).slideUp();
});

});
</script>
<style type=”text/css”>
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
}
a{color:#993300; text-decoration:none;}
#div1 {
width:200px;
height:200px;
border:2px solid #FFCC66;
margin:150px 0px 0 250px;
display: none;
padding:5px;
border:2px solid #EFEFEF;
background-color:#FEFEFE;
float:left;
}
#div2 {
width:200px;
height:200px;
border:2px solid #FFCC66;
margin:150px 0px 0 450px;
display: none;
padding:5px;
border:2px solid #EFEFEF;
background-color:#FEFEFE;
}
#click_here{

padding:5px;
border:2px solid #FFEFEF;
background-color:#EFEFEF;
}
#click_here_also{

padding:5px;
border:2px solid #FFEFEF;
background-color:#EFEFEF;
}
</style>
</head>
<body>
<input type=”button” id=”click_here” value=”Click Here”>
<input type=”button” id=”click_here_also” value=”Click Also Here”>
<div id=”div1″>
<a href=”#”>[x]</a>
<p>
I am Tab 1
</p>
</div>
<div id=”div2″>
<a href=”#”>[x]</a>

<p>
I am Tab 2
</p>
</div>
</body>
</html>

Jqury alert message
<html>
<head>
<title>jQuery Hello World Alert box</title>

<script type=”text/javascript” src=”js/jquery-1.4.2.min.js”></script>

</head>
<script type=”text/javascript”>
$(window).load(function(){
$(‘#dvLoading’).fadeOut(5000);
});
</script>
<style type=”text/css”>
#dvLoading
{
background:#000 url(images/loder.gif) no-repeat center center;
height: 100px;
width: 100px;
position: fixed;
z-index: 1000;
left: 50%;
top: 50%;
margin: -25px 0 0 -25px;
}
</style>
<body>
<div id=”dvLoading”></div>
</body>
</html>

Click To Hide message:

<html>
<head>
<title>jQuery Hello World Alert box</title>

<script type=”text/javascript” src=”js/jquery-1.4.2.min.js”></script>

</head>
<script type=”text/javascript”>
$(function()
{

$(document).click(function(event){
$(“#msg “).click(function(event) {
event.preventDefault();
$(“#div1″).slideUp();
});
event.preventDefault();
$(“#msg”).slideToggle();
});

});
</script>
<body>
<font color=”red”>CLICK BELOW BUTTON TO SEE ALERT BOX</font>
<br>
<br>
<input type=”button” id=”cl” value=”Click Me”>

<div id=”msg”>Hi we lcome to jquery how r you sir</div>
</body>
</html>

Onclick Pop Up Message:
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”
“http://www.w3.org/TR/html4/loose.dtd”>
<html>
<head>
<title>Example of popup message on mouse clicked position using jQuery</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>
<script src=”jquery-1.2.3.pack.js” type=”text/javascript” language=”javascript”></script>
<script language=”javascript” type=”text/javascript”>
//  Developed by Roshan Bhattarai
//  Visit http://roshanbh.com.np for this script and more.
//  This notice MUST stay intact for legal use
$(function()
{
$(document).click(function(e)
{
//getting height and width of the message box
var height = $(‘#popuup_div’).height();
var width = $(‘#popuup_div’).width();
//calculating offset for displaying popup message
leftVal=e.pageX-(width/2)+”px”;
topVal=e.pageY-(height/2)+”px”;
//show the popup message and hide with fading effect
$(‘#popuup_div’).css({left:leftVal,top:topVal}).show().fadeOut(1500);
});
});
</script>

<style type=”text/css”>
.popup_msg{
position:absolute;
z-index:10;
width:172px;
height:102px;
text-align:center;
color:#FF0000;
font: 14px Verdana, Arial, Helvetica, sans-serif;
background:url(bg_image.gif) bottom right no-repeat;
display:none;
}
</style>
</head>

<body >
<div id=”popuup_div”>
<br />
Popup Message
<br />
Message goes here <br />
Message goes here
</div>

<h1>Displaying pop-up message in mouse clicked position using jQuery</h1>
<p>&nbsp;</p>
<h3>Click on any position of the document with mouse</h3>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h3>Click on any position of the document with mouse</h3>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h3>Click on any position of the document with mouse</h3>
<p>&nbsp;</p>

</body>
</html>

jquery-1.4.2.min code below
/*! jQuery v@1.8.0 jquery.com | jquery.org/license */
(function(a,b){function G(a){var b=F[a]={};return p.each(a.split(s),function(a,c){b[c]=!0}),b}function J(a,c,d){if(d===b&&a.nodeType===1){var e=”data-”+c.replace(I,”-$1″).toLowerCase();d=a.getAttribute(e);if(typeof d==”string”){try{d=d===”true”?!0:d===”false”?!1:d===”null”?null:+d+”"===d?+d:H.test(d)?p.parseJSON(d):d}catch(f){}p.data(a,c,d)}else d=b}return d}function K(a){var b;for(b in a){if(b===”data”&&p.isEmptyObject(a[b]))continue;if(b!==”toJSON”)return!1}return!0}function ba(){return!1}function bb(){return!0}function bh(a){return!a||!a.parentNode||a.parentNode.nodeType===11}function bi(a,b){do a=a[b];while(a&&a.nodeType!==1);return a}function bj(a,b,c){b=b||0;if(p.isFunction(b))return p.grep(a,function(a,d){var e=!!b.call(a,d,a);return e===c});if(b.nodeType)return p.grep(a,function(a,d){return a===b===c});if(typeof b==”string”){var d=p.grep(a,function(a){return a.nodeType===1});if(be.test(b))return p.filter(b,d,!c);b=p.filter(b,d)}return p.grep(a,function(a,d){return p.inArray(a,b)>=0===c})}function bk(a){var b=bl.split(“|”),c=a.createDocumentFragment();if(c.createElement)while(b.length)c.createElement(b.pop());return c}function bC(a,b){return a.getElementsByTagName(b)[0]||a.appendChild(a.ownerDocument.createElement(b))}function bD(a,b){if(b.nodeType!==1||!p.hasData(a))return;var c,d,e,f=p._data(a),g=p._data(b,f),h=f.events;if(h){delete g.handle,g.events={};for(c in h)for(d=0,e=h[c].length;d<e;d++)p.event.add(b,c,h[c][d])}g.data&&(g.data=p.extend({},g.data))}function bE(a,b){var c;if(b.nodeType!==1)return;b.clearAttributes&&b.clearAttributes(),b.mergeAttributes&&b.mergeAttributes(a),c=b.nodeName.toLowerCase(),c===”object”?(b.parentNode&&(b.outerHTML=a.outerHTML),p.support.html5Clone&&a.innerHTML&&!p.trim(b.innerHTML)&&(b.innerHTML=a.innerHTML)):c===”input”&&bv.test(a.type)?(b.defaultChecked=b.checked=a.checked,b.value!==a.value&&(b.value=a.value)):c===”option”?b.selected=a.defaultSelected:c===”input”||c===”textarea”?b.defaultValue=a.defaultValue:c===”script”&&b.text!==a.text&&(b.text=a.text),b.removeAttribute(p.expando)}function bF(a){return typeof a.getElementsByTagName!=”undefined”?a.getElementsByTagName(“*”):typeof a.querySelectorAll!=”undefined”?a.querySelectorAll(“*”):[]}function bG(a){bv.test(a.type)&&(a.defaultChecked=a.checked)}function bX(a,b){if(b in a)return b;var c=b.charAt(0).toUpperCase()+b.slice(1),d=b,e=bV.length;while(e–){b=bV[e]+c;if(b in a)return b}return d}function bY(a,b){return a=b||a,p.css(a,”display”)===”none”||!p.contains(a.ownerDocument,a)}function bZ(a,b){var c,d,e=[],f=0,g=a.length;for(;f<g;f++){c=a[f];if(!c.style)continue;e[f]=p._data(c,”olddisplay”),b?(!e[f]&&c.style.display===”none”&&(c.style.display=”"),c.style.display===”"&&bY(c)&&(e[f]=p._data(c,”olddisplay”,cb(c.nodeName)))):(d=bH(c,”display”),!e[f]&&d!==”none”&&p._data(c,”olddisplay”,d))}for(f=0;f<g;f++){c=a[f];if(!c.style)continue;if(!b||c.style.display===”none”||c.style.display===”")c.style.display=b?e[f]||”":”none”}return a}function b$(a,b,c){var d=bO.exec(b);return d?Math.max(0,d[1]-(c||0))+(d[2]||”px”):b}function b_(a,b,c,d){var e=c===(d?”border”:”content”)?4:b===”width”?1:0,f=0;for(;e<4;e+=2)c===”margin”&&(f+=p.css(a,c+bU[e],!0)),d?(c===”content”&&(f-=parseFloat(bH(a,”padding”+bU[e]))||0),c!==”margin”&&(f-=parseFloat(bH(a,”border”+bU[e]+”Width”))||0)):(f+=parseFloat(bH(a,”padding”+bU[e]))||0,c!==”padding”&&(f+=parseFloat(bH(a,”border”+bU[e]+”Width”))||0));return f}function ca(a,b,c){var d=b===”width”?a.offsetWidth:a.offsetHeight,e=!0,f=p.support.boxSizing&&p.css(a,”boxSizing”)===”border-box”;if(d<=0){d=bH(a,b);if(d<0||d==null)d=a.style[b];if(bP.test(d))return d;e=f&&(p.support.boxSizingReliable||d===a.style[b]),d=parseFloat(d)||0}return d+b_(a,b,c||(f?”border”:”content”),e)+”px”}function cb(a){if(bR[a])return bR[a];var b=p(“<”+a+”>”).appendTo(e.body),c=b.css(“display”);b.remove();if(c===”none”||c===”"){bI=e.body.appendChild(bI||p.extend(e.createElement(“iframe”),{frameBorder:0,width:0,height:0}));if(!bJ||!bI.createElement)bJ=(bI.contentWindow||bI.contentDocument).document,bJ.write(“<!doctype html><html><body>”),bJ.close();b=bJ.body.appendChild(bJ.createElement(a)),c=bH(b,”display”),e.body.removeChild(bI)}return bR[a]=c,c}function ch(a,b,c,d){var e;if(p.isArray(b))p.each(b,function(b,e){c||cd.test(a)?d(a,e):ch(a+”["+(typeof e=="object"?b:"")+"]“,e,c,d)});else if(!c&&p.type(b)===”object”)for(e in b)ch(a+”["+e+"]“,b[e],c,d);else d(a,b)}function cy(a){return function(b,c){typeof b!=”string”&&(c=b,b=”*”);var d,e,f,g=b.toLowerCase().split(s),h=0,i=g.length;if(p.isFunction(c))for(;h<i;h++)d=g[h],f=/^\+/.test(d),f&&(d=d.substr(1)||”*”),e=a[d]=a[d]||[],e[f?"unshift":"push"](c)}}function cz(a,c,d,e,f,g){f=f||c.dataTypes[0],g=g||{},g[f]=!0;var h,i=a[f],j=0,k=i?i.length:0,l=a===cu;for(;j<k&&(l||!h);j++)h=i[j](c,d,e),typeof h==”string”&&(!l||g[h]?h=b:(c.dataTypes.unshift(h),h=cz(a,c,d,e,h,g)));return(l||!h)&&!g["*"]&&(h=cz(a,c,d,e,”*”,g)),h}function cA(a,c){var d,e,f=p.ajaxSettings.flatOptions||{};for(d in c)c[d]!==b&&((f[d]?a:e||(e={}))[d]=c[d]);e&&p.extend(!0,a,e)}function cB(a,c,d){var e,f,g,h,i=a.contents,j=a.dataTypes,k=a.responseFields;for(f in k)f in d&&(c[k[f]]=d[f]);while(j[0]===”*”)j.shift(),e===b&&(e=a.mimeType||c.getResponseHeader(“content-type”));if(e)for(f in i)if(i[f]&&i[f].test(e)){j.unshift(f);break}if(j[0]in d)g=j[0];else{for(f in d){if(!j[0]||a.converters[f+" "+j[0]]){g=f;break}h||(h=f)}g=g||h}if(g)return g!==j[0]&&j.unshift(g),d[g]}function cC(a,b){var c,d,e,f,g=a.dataTypes.slice(),h=g[0],i={},j=0;a.dataFilter&&(b=a.dataFilter(b,a.dataType));if(g[1])for(c in a.converters)i[c.toLowerCase()]=a.converters[c];for(;e=g[++j];)if(e!==”*”){if(h!==”*”&&h!==e){c=i[h+" "+e]||i["* "+e];if(!c)for(d in i){f=d.split(” “);if(f[1]===e){c=i[h+" "+f[0]]||i["* "+f[0]];if(c){c===!0?c=i[d]:i[d]!==!0&&(e=f[0],g.splice(j–,0,e));break}}}if(c!==!0)if(c&&a["throws"])b=c(b);else try{b=c(b)}catch(k){return{state:”parsererror”,error:c?k:”No conversion from “+h+” to “+e}}}h=e}return{state:”success”,data:b}}function cK(){try{return new a.XMLHttpRequest}catch(b){}}function cL(){try{return new a.ActiveXObject(“Microsoft.XMLHTTP”)}catch(b){}}function cT(){return setTimeout(function(){cM=b},0),cM=p.now()}function cU(a,b){p.each(b,function(b,c){var d=(cS[b]||[]).concat(cS["*"]),e=0,f=d.length;for(;e<f;e++)if(d[e].call(a,b,c))return})}function cV(a,b,c){var d,e=0,f=0,g=cR.length,h=p.Deferred().always(function(){delete i.elem}),i=function(){var b=cM||cT(),c=Math.max(0,j.startTime+j.duration-b),d=1-(c/j.duration||0),e=0,f=j.tweens.length;for(;e<f;e++)j.tweens[e].run(d);return h.notifyWith(a,[j,d,c]),d<1&&f?c:(h.resolveWith(a,[j]),!1)},j=h.promise({elem:a,props:p.extend({},b),opts:p.extend(!0,{specialEasing:{}},c),originalProperties:b,originalOptions:c,startTime:cM||cT(),duration:c.duration,tweens:[],createTween:function(b,c,d){var e=p.Tween(a,j.opts,b,c,j.opts.specialEasing[b]||j.opts.easing);return j.tweens.push(e),e},stop:function(b){var c=0,d=b?j.tweens.length:0;for(;c<d;c++)j.tweens[c].run(1);return b?h.resolveWith(a,[j,b]):h.rejectWith(a,[j,b]),this}}),k=j.props;cW(k,j.opts.specialEasing);for(;e<g;e++){d=cR[e].call(j,a,k,j.opts);if(d)return d}return cU(j,k),p.isFunction(j.opts.start)&&j.opts.start.call(a,j),p.fx.timer(p.extend(i,{anim:j,queue:j.opts.queue,elem:a})),j.progress(j.opts.progress).done(j.opts.done,j.opts.complete).fail(j.opts.fail).always(j.opts.always)}function cW(a,b){var c,d,e,f,g;for(c in a){d=p.camelCase(c),e=b[d],f=a[c],p.isArray(f)&&(e=f[1],f=a[c]=f[0]),c!==d&&(a[d]=f,delete a[c]),g=p.cssHooks[d];if(g&&”expand”in g){f=g.expand(f),delete a[d];for(c in f)c in a||(a[c]=f[c],b[c]=e)}else b[d]=e}}function cX(a,b,c){var d,e,f,g,h,i,j,k,l=this,m=a.style,n={},o=[],q=a.nodeType&&bY(a);c.queue||(j=p._queueHooks(a,”fx”),j.unqueued==null&&(j.unqueued=0,k=j.empty.fire,j.empty.fire=function(){j.unqueued||k()}),j.unqueued++,l.always(function(){l.always(function(){j.unqueued–,p.queue(a,”fx”).length||j.empty.fire()})})),a.nodeType===1&&(“height”in b||”width”in b)&&(c.overflow=[m.overflow,m.overflowX,m.overflowY],p.css(a,”display”)===”inline”&&p.css(a,”float”)===”none”&&(!p.support.inlineBlockNeedsLayout||cb(a.nodeName)===”inline”?m.display=”inline-block”:m.zoom=1)),c.overflow&&(m.overflow=”hidden”,p.support.shrinkWrapBlocks||l.done(function(){m.overflow=c.overflow[0],m.overflowX=c.overflow[1],m.overflowY=c.overflow[2]}));for(d in b){f=b[d];if(cO.exec(f)){delete b[d];if(f===(q?”hide”:”show”))continue;o.push(d)}}g=o.length;if(g){h=p._data(a,”fxshow”)||p._data(a,”fxshow”,{}),q?p(a).show():l.done(function(){p(a).hide()}),l.done(function(){var b;p.removeData(a,”fxshow”,!0);for(b in n)p.style(a,b,n[b])});for(d=0;d<g;d++)e=o[d],i=l.createTween(e,q?h[e]:0),n[e]=h[e]||p.style(a,e),e in h||(h[e]=i.start,q&&(i.end=i.start,i.start=e===”width”||e===”height”?1:0))}}function cY(a,b,c,d,e){return new cY.prototype.init(a,b,c,d,e)}function cZ(a,b){var c,d={height:a},e=0;for(;e<4;e+=2-b)c=bU[e],d["margin"+c]=d["padding"+c]=a;return b&&(d.opacity=d.width=a),d}function c_(a){return p.isWindow(a)?a:a.nodeType===9?a.defaultView||a.parentWindow:!1}var c,d,e=a.document,f=a.location,g=a.navigator,h=a.jQuery,i=a.$,j=Array.prototype.push,k=Array.prototype.slice,l=Array.prototype.indexOf,m=Object.prototype.toString,n=Object.prototype.hasOwnProperty,o=String.prototype.trim,p=function(a,b){return new p.fn.init(a,b,c)},q=/[\-+]?(?:\d*\.|)\d+(?:[eE][\-+]?\d+|)/.source,r=/\S/,s=/\s+/,t=r.test(“Â “)?/^[\s\xA0]+|[\s\xA0]+$/g:/^\s+|\s+$/g,u=/^(?:[^#<]*(<[\w\W]+>)[^>]*$|#([\w\-]*)$)/,v=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,w=/^[\],:{}\s]*$/,x=/(?:^|:|,)(?:\s*\[)+/g,y=/\\(?:["\\\/bfnrt]|u[\da-fA-F]{4})/g,z=/”[^"\\\r\n]*”|true|false|null|-?(?:\d\d*\.|)\d+(?:[eE][\-+]?\d+|)/g,A=/^-ms-/,B=/-([\da-z])/gi,C=function(a,b){return(b+”").toUpperCase()},D=function(){e.addEventListener?(e.removeEventListener(“DOMContentLoaded”,D,!1),p.ready()):e.readyState===”complete”&&(e.detachEvent(“onreadystatechange”,D),p.ready())},E={};p.fn=p.prototype={constructor:p,init:function(a,c,d){var f,g,h,i;if(!a)return this;if(a.nodeType)return this.context=this[0]=a,this.length=1,this;if(typeof a==”string”){a.charAt(0)===”<”&&a.charAt(a.length-1)===”>”&&a.length>=3?f=[null,a,null]:f=u.exec(a);if(f&&(f[1]||!c)){if(f[1])return c=c instanceof p?c[0]:c,i=c&&c.nodeType?c.ownerDocument||c:e,a=p.parseHTML(f[1],i,!0),v.test(f[1])&&p.isPlainObject(c)&&this.attr.call(a,c,!0),p.merge(this,a);g=e.getElementById(f[2]);if(g&&g.parentNode){if(g.id!==f[2])return d.find(a);this.length=1,this[0]=g}return this.context=e,this.selector=a,this}return!c||c.jquery?(c||d).find(a):this.constructor(c).find(a)}return p.isFunction(a)?d.ready(a):(a.selector!==b&&(this.selector=a.selector,this.context=a.context),p.makeArray(a,this))},selector:”",jquery:”1.8.0″,length:0,size:function(){return this.length},toArray:function(){return k.call(this)},get:function(a){return a==null?this.toArray():a<0?this[this.length+a]:this[a]},pushStack:function(a,b,c){var d=p.merge(this.constructor(),a);return d.prevObject=this,d.context=this.context,b===”find”?d.selector=this.selector+(this.selector?” “:”")+c:b&&(d.selector=this.selector+”.”+b+”(“+c+”)”),d},each:function(a,b){return p.each(this,a,b)},ready:function(a){return p.ready.promise().done(a),this},eq:function(a){return a=+a,a===-1?this.slice(a):this.slice(a,a+1)},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},slice:function(){return this.pushStack(k.apply(this,arguments),”slice”,k.call(arguments).join(“,”))},map:function(a){return this.pushStack(p.map(this,function(b,c){return a.call(b,c,b)}))},end:function(){return this.prevObject||this.constructor(null)},push:j,sort:[].sort,splice:[].splice},p.fn.init.prototype=p.fn,p.extend=p.fn.extend=function(){var a,c,d,e,f,g,h=arguments[0]||{},i=1,j=arguments.length,k=!1;typeof h==”boolean”&&(k=h,h=arguments[1]||{},i=2),typeof h!=”object”&&!p.isFunction(h)&&(h={}),j===i&&(h=this,–i);for(;i<j;i++)if((a=arguments[i])!=null)for(c in a){d=h[c],e=a[c];if(h===e)continue;k&&e&&(p.isPlainObject(e)||(f=p.isArray(e)))?(f?(f=!1,g=d&&p.isArray(d)?d:[]):g=d&&p.isPlainObject(d)?d:{},h[c]=p.extend(k,g,e)):e!==b&&(h[c]=e)}return h},p.extend({noConflict:function(b){return a.$===p&&(a.$=i),b&&a.jQuery===p&&(a.jQuery=h),p},isReady:!1,readyWait:1,holdReady:function(a){a?p.readyWait++:p.ready(!0)},ready:function(a){if(a===!0?–p.readyWait:p.isReady)return;if(!e.body)return setTimeout(p.ready,1);p.isReady=!0;if(a!==!0&&–p.readyWait>0)return;d.resolveWith(e,[p]),p.fn.trigger&&p(e).trigger(“ready”).off(“ready”)},isFunction:function(a){return p.type(a)===”function”},isArray:Array.isArray||function(a){return p.type(a)===”array”},isWindow:function(a){return a!=null&&a==a.window},isNumeric:function(a){return!isNaN(parseFloat(a))&&isFinite(a)},type:function(a){return a==null?String(a):E[m.call(a)]||”object”},isPlainObject:function(a){if(!a||p.type(a)!==”object”||a.nodeType||p.isWindow(a))return!1;try{if(a.constructor&&!n.call(a,”constructor”)&&!n.call(a.constructor.prototype,”isPrototypeOf”))return!1}catch(c){return!1}var d;for(d in a);return d===b||n.call(a,d)},isEmptyObject:function(a){var b;for(b in a)return!1;return!0},error:function(a){throw new Error(a)},parseHTML:function(a,b,c){var d;return!a||typeof a!=”string”?null:(typeof b==”boolean”&&(c=b,b=0),b=b||e,(d=v.exec(a))?[b.createElement(d[1])]:(d=p.buildFragment([a],b,c?null:[]),p.merge([],(d.cacheable?p.clone(d.fragment):d.fragment).childNodes)))},parseJSON:function(b){if(!b||typeof b!=”string”)return null;b=p.trim(b);if(a.JSON&&a.JSON.parse)return a.JSON.parse(b);if(w.test(b.replace(y,”@”).replace(z,”]”).replace(x,”")))return(new Function(“return “+b))();p.error(“Invalid JSON: “+b)},parseXML:function(c){var d,e;if(!c||typeof c!=”string”)return null;try{a.DOMParser?(e=new DOMParser,d=e.parseFromString(c,”text/xml”)):(d=new ActiveXObject(“Microsoft.XMLDOM”),d.async=”false”,d.loadXML(c))}catch(f){d=b}return(!d||!d.documentElement||d.getElementsByTagName(“parsererror”).length)&&p.error(“Invalid XML: “+c),d},noop:function(){},globalEval:function(b){b&&r.test(b)&&(a.execScript||function(b){a.eval.call(a,b)})(b)},camelCase:function(a){return a.replace(A,”ms-”).replace(B,C)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toUpperCase()===b.toUpperCase()},each:function(a,c,d){var e,f=0,g=a.length,h=g===b||p.isFunction(a);if(d){if(h){for(e in a)if(c.apply(a[e],d)===!1)break}else for(;f<g;)if(c.apply(a[f++],d)===!1)break}else if(h){for(e in a)if(c.call(a[e],e,a[e])===!1)break}else for(;f<g;)if(c.call(a[f],f,a[f++])===!1)break;return a},trim:o?function(a){return a==null?”":o.call(a)}:function(a){return a==null?”":a.toString().replace(t,”")},makeArray:function(a,b){var c,d=b||[];return a!=null&&(c=p.type(a),a.length==null||c===”string”||c===”function”||c===”regexp”||p.isWindow(a)?j.call(d,a):p.merge(d,a)),d},inArray:function(a,b,c){var d;if(b){if(l)return l.call(b,a,c);d=b.length,c=c?c<0?Math.max(0,d+c):c:0;for(;c<d;c++)if(c in b&&b[c]===a)return c}return-1},merge:function(a,c){var d=c.length,e=a.length,f=0;if(typeof d==”number”)for(;f<d;f++)a[e++]=c[f];else while(c[f]!==b)a[e++]=c[f++];return a.length=e,a},grep:function(a,b,c){var d,e=[],f=0,g=a.length;c=!!c;for(;f<g;f++)d=!!b(a[f],f),c!==d&&e.push(a[f]);return e},map:function(a,c,d){var e,f,g=[],h=0,i=a.length,j=a instanceof p||i!==b&&typeof i==”number”&&(i>0&&a[0]&&a[i-1]||i===0||p.isArray(a));if(j)for(;h<i;h++)e=c(a[h],h,d),e!=null&&(g[g.length]=e);else for(f in a)e=c(a[f],f,d),e!=null&&(g[g.length]=e);return g.concat.apply([],g)},guid:1,proxy:function(a,c){var d,e,f;return typeof c==”string”&&(d=a[c],c=a,a=d),p.isFunction(a)?(e=k.call(arguments,2),f=function(){return a.apply(c,e.concat(k.call(arguments)))},f.guid=a.guid=a.guid||f.guid||p.guid++,f):b},access:function(a,c,d,e,f,g,h){var i,j=d==null,k=0,l=a.length;if(d&&typeof d==”object”){for(k in d)p.access(a,c,k,d[k],1,g,e);f=1}else if(e!==b){i=h===b&&p.isFunction(e),j&&(i?(i=c,c=function(a,b,c){return i.call(p(a),c)}):(c.call(a,e),c=null));if(c)for(;k<l;k++)c(a[k],d,i?e.call(a[k],k,c(a[k],d)):e,h);f=1}return f?a:j?c.call(a):l?c(a[0],d):g},now:function(){return(new Date).getTime()}}),p.ready.promise=function(b){if(!d){d=p.Deferred();if(e.readyState===”complete”||e.readyState!==”loading”&&e.addEventListener)setTimeout(p.ready,1);else if(e.addEventListener)e.addEventListener(“DOMContentLoaded”,D,!1),a.addEventListener(“load”,p.ready,!1);else{e.attachEvent(“onreadystatechange”,D),a.attachEvent(“onload”,p.ready);var c=!1;try{c=a.frameElement==null&&e.documentElement}catch(f){}c&&c.doScroll&&function g(){if(!p.isReady){try{c.doScroll(“left”)}catch(a){return setTimeout(g,50)}p.ready()}}()}}return d.promise(b)},p.each(“Boolean Number String Function Array Date RegExp Object”.split(” “),function(a,b){E["[object "+b+"]“]=b.toLowerCase()}),c=p(e);var F={};p.Callbacks=function(a){a=typeof a==”string”?F[a]||G(a):p.extend({},a);var c,d,e,f,g,h,i=[],j=!a.once&&[],k=function(b){c=a.memory&&b,d=!0,h=f||0,f=0,g=i.length,e=!0;for(;i&&h<g;h++)if(i[h].apply(b[0],b[1])===!1&&a.stopOnFalse){c=!1;break}e=!1,i&&(j?j.length&&k(j.shift()):c?i=[]:l.disable())},l={add:function(){if(i){var b=i.length;(function d(b){p.each(b,function(b,c){p.isFunction(c)&&(!a.unique||!l.has(c))?i.push(c):c&&c.length&&d(c)})})(arguments),e?g=i.length:c&&(f=b,k(c))}return this},remove:function(){return i&&p.each(arguments,function(a,b){var c;while((c=p.inArray(b,i,c))>-1)i.splice(c,1),e&&(c<=g&&g–,c<=h&&h–)}),this},has:function(a){return p.inArray(a,i)>-1},empty:function(){return i=[],this},disable:function(){return i=j=c=b,this},disabled:function(){return!i},lock:function(){return j=b,c||l.disable(),this},locked:function(){return!j},fireWith:function(a,b){return b=b||[],b=[a,b.slice?b.slice():b],i&&(!d||j)&&(e?j.push(b):k(b)),this},fire:function(){return l.fireWith(this,arguments),this},fired:function(){return!!d}};return l},p.extend({Deferred:function(a){var b=[["resolve","done",p.Callbacks("once memory"),"resolved"],["reject","fail",p.Callbacks("once memory"),"rejected"],["notify","progress",p.Callbacks("memory")]],c=”pending”,d={state:function(){return c},always:function(){return e.done(arguments).fail(arguments),this},then:function(){var a=arguments;return p.Deferred(function(c){p.each(b,function(b,d){var f=d[0],g=a[b];e[d[1]](p.isFunction(g)?function(){var a=g.apply(this,arguments);a&&p.isFunction(a.promise)?a.promise().done(c.resolve).fail(c.reject).progress(c.notify):c[f+"With"](this===e?c:this,[a])}:c[f])}),a=null}).promise()},promise:function(a){return typeof a==”object”?p.extend(a,d):d}},e={};return d.pipe=d.then,p.each(b,function(a,f){var g=f[2],h=f[3];d[f[1]]=g.add,h&&g.add(function(){c=h},b[a^1][2].disable,b[2][2].lock),e[f[0]]=g.fire,e[f[0]+”With”]=g.fireWith}),d.promise(e),a&&a.call(e,e),e},when:function(a){var b=0,c=k.call(arguments),d=c.length,e=d!==1||a&&p.isFunction(a.promise)?d:0,f=e===1?a:p.Deferred(),g=function(a,b,c){return function(d){b[a]=this,c[a]=arguments.length>1?k.call(arguments):d,c===h?f.notifyWith(b,c):–e||f.resolveWith(b,c)}},h,i,j;if(d>1){h=new Array(d),i=new Array(d),j=new Array(d);for(;b<d;b++)c[b]&&p.isFunction(c[b].promise)?c[b].promise().done(g(b,j,c)).fail(f.reject).progress(g(b,i,h)):–e}return e||f.resolveWith(j,c),f.promise()}}),p.support=function(){var b,c,d,f,g,h,i,j,k,l,m,n=e.createElement(“div”);n.setAttribute(“className”,”t”),n.innerHTML=”  <link/><table></table><a href=’/a’>a</a><input type=’checkbox’/>”,c=n.getElementsByTagName(“*”),d=n.getElementsByTagName(“a”)[0],d.style.cssText=”top:1px;float:left;opacity:.5″;if(!c||!c.length||!d)return{};f=e.createElement(“select”),g=f.appendChild(e.createElement(“option”)),h=n.getElementsByTagName(“input”)[0],b={leadingWhitespace:n.firstChild.nodeType===3,tbody:!n.getElementsByTagName(“tbody”).length,htmlSerialize:!!n.getElementsByTagName(“link”).length,style:/top/.test(d.getAttribute(“style”)),hrefNormalized:d.getAttribute(“href”)===”/a”,opacity:/^0.5/.test(d.style.opacity),cssFloat:!!d.style.cssFloat,checkOn:h.value===”on”,optSelected:g.selected,getSetAttribute:n.className!==”t”,enctype:!!e.createElement(“form”).enctype,html5Clone:e.createElement(“nav”).cloneNode(!0).outerHTML!==”<:nav></:nav>”,boxModel:e.compatMode===”CSS1Compat”,submitBubbles:!0,changeBubbles:!0,focusinBubbles:!1,deleteExpando:!0,noCloneEvent:!0,inlineBlockNeedsLayout:!1,shrinkWrapBlocks:!1,reliableMarginRight:!0,boxSizingReliable:!0,pixelPosition:!1},h.checked=!0,b.noCloneChecked=h.cloneNode(!0).checked,f.disabled=!0,b.optDisabled=!g.disabled;try{delete n.test}catch(o){b.deleteExpando=!1}!n.addEventListener&&n.attachEvent&&n.fireEvent&&(n.attachEvent(“onclick”,m=function(){b.noCloneEvent=!1}),n.cloneNode(!0).fireEvent(“onclick”),n.detachEvent(“onclick”,m)),h=e.createElement(“input”),h.value=”t”,h.setAttribute(“type”,”radio”),b.radioValue=h.value===”t”,h.setAttribute(“checked”,”checked”),h.setAttribute(“name”,”t”),n.appendChild(h),i=e.createDocumentFragment(),i.appendChild(n.lastChild),b.checkClone=i.cloneNode(!0).cloneNode(!0).lastChild.checked,b.appendChecked=h.checked,i.removeChild(h),i.appendChild(n);if(n.attachEvent)for(k in{submit:!0,change:!0,focusin:!0})j=”on”+k,l=j in n,l||(n.setAttribute(j,”return;”),l=typeof n[j]==”function”),b[k+"Bubbles"]=l;return p(function(){var c,d,f,g,h=”padding:0;margin:0;border:0;display:block;overflow:hidden;”,i=e.getElementsByTagName(“body”)[0];if(!i)return;c=e.createElement(“div”),c.style.cssText=”visibility:hidden;border:0;width:0;height:0;position:static;top:0;margin-top:1px”,i.insertBefore(c,i.firstChild),d=e.createElement(“div”),c.appendChild(d),d.innerHTML=”<table><tr><td></td><td>t</td></tr></table>”,f=d.getElementsByTagName(“td”),f[0].style.cssText=”padding:0;margin:0;border:0;display:none”,l=f[0].offsetHeight===0,f[0].style.display=”",f[1].style.display=”none”,b.reliableHiddenOffsets=l&&f[0].offsetHeight===0,d.innerHTML=”",d.style.cssText=”box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:1px;border:1px;display:block;width:4px;margin-top:1%;position:absolute;top:1%;”,b.boxSizing=d.offsetWidth===4,b.doesNotIncludeMarginInBodyOffset=i.offsetTop!==1,a.getComputedStyle&&(b.pixelPosition=(a.getComputedStyle(d,null)||{}).top!==”1%”,b.boxSizingReliable=(a.getComputedStyle(d,null)||{width:”4px”}).width===”4px”,g=e.createElement(“div”),g.style.cssText=d.style.cssText=h,g.style.marginRight=g.style.width=”0″,d.style.width=”1px”,d.appendChild(g),b.reliableMarginRight=!parseFloat((a.getComputedStyle(g,null)||{}).marginRight)),typeof d.style.zoom!=”undefined”&&(d.innerHTML=”",d.style.cssText=h+”width:1px;padding:1px;display:inline;zoom:1″,b.inlineBlockNeedsLayout=d.offsetWidth===3,d.style.display=”block”,d.style.overflow=”visible”,d.innerHTML=”<div></div>”,d.firstChild.style.width=”5px”,b.shrinkWrapBlocks=d.offsetWidth!==3,c.style.zoom=1),i.removeChild(c),c=d=f=g=null}),i.removeChild(n),c=d=f=g=h=i=n=null,b}();var H=/^(?:\{.*\}|\[.*\])$/,I=/([A-Z])/g;p.extend({cache:{},deletedIds:[],uuid:0,expando:”jQuery”+(p.fn.jquery+Math.random()).replace(/\D/g,”"),noData:{embed:!0,object:”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″,applet:!0},hasData:function(a){return a=a.nodeType?p.cache[a[p.expando]]:a[p.expando],!!a&&!K(a)},data:function(a,c,d,e){if(!p.acceptData(a))return;var f,g,h=p.expando,i=typeof c==”string”,j=a.nodeType,k=j?p.cache:a,l=j?a[h]:a[h]&&h;if((!l||!k[l]||!e&&!k[l].data)&&i&&d===b)return;l||(j?a[h]=l=p.deletedIds.pop()||++p.uuid:l=h),k[l]||(k[l]={},j||(k[l].toJSON=p.noop));if(typeof c==”object”||typeof c==”function”)e?k[l]=p.extend(k[l],c):k[l].data=p.extend(k[l].data,c);return f=k[l],e||(f.data||(f.data={}),f=f.data),d!==b&&(f[p.camelCase(c)]=d),i?(g=f[c],g==null&&(g=f[p.camelCase(c)])):g=f,g},removeData:function(a,b,c){if(!p.acceptData(a))return;var d,e,f,g=a.nodeType,h=g?p.cache:a,i=g?a[p.expando]:p.expando;if(!h[i])return;if(b){d=c?h[i]:h[i].data;if(d){p.isArray(b)||(b in d?b=[b]:(b=p.camelCase(b),b in d?b=[b]:b=b.split(” “)));for(e=0,f=b.length;e<f;e++)delete d[b[e]];if(!(c?K:p.isEmptyObject)(d))return}}if(!c){delete h[i].data;if(!K(h[i]))return}g?p.cleanData([a],!0):p.support.deleteExpando||h!=h.window?delete h[i]:h[i]=null},_data:function(a,b,c){return p.data(a,b,c,!0)},acceptData:function(a){var b=a.nodeName&&p.noData[a.nodeName.toLowerCase()];return!b||b!==!0&&a.getAttribute(“classid”)===b}}),p.fn.extend({data:function(a,c){var d,e,f,g,h,i=this[0],j=0,k=null;if(a===b){if(this.length){k=p.data(i);if(i.nodeType===1&&!p._data(i,”parsedAttrs”)){f=i.attributes;for(h=f.length;j<h;j++)g=f[j].name,g.indexOf(“data-”)===0&&(g=p.camelCase(g.substring(5)),J(i,g,k[g]));p._data(i,”parsedAttrs”,!0)}}return k}return typeof a==”object”?this.each(function(){p.data(this,a)}):(d=a.split(“.”,2),d[1]=d[1]?”.”+d[1]:”",e=d[1]+”!”,p.access(this,function(c){if(c===b)return k=this.triggerHandler(“getData”+e,[d[0]]),k===b&&i&&(k=p.data(i,a),k=J(i,a,k)),k===b&&d[1]?this.data(d[0]):k;d[1]=c,this.each(function(){var b=p(this);b.triggerHandler(“setData”+e,d),p.data(this,a,c),b.triggerHandler(“changeData”+e,d)})},null,c,arguments.length>1,null,!1))},removeData:function(a){return this.each(function(){p.removeData(this,a)})}}),p.extend({queue:function(a,b,c){var d;if(a)return b=(b||”fx”)+”queue”,d=p._data(a,b),c&&(!d||p.isArray(c)?d=p._data(a,b,p.makeArray(c)):d.push(c)),d||[]},dequeue:function(a,b){b=b||”fx”;var c=p.queue(a,b),d=c.shift(),e=p._queueHooks(a,b),f=function(){p.dequeue(a,b)};d===”inprogress”&&(d=c.shift()),d&&(b===”fx”&&c.unshift(“inprogress”),delete e.stop,d.call(a,f,e)),!c.length&&e&&e.empty.fire()},_queueHooks:function(a,b){var c=b+”queueHooks”;return p._data(a,c)||p._data(a,c,{empty:p.Callbacks(“once memory”).add(function(){p.removeData(a,b+”queue”,!0),p.removeData(a,c,!0)})})}}),p.fn.extend({queue:function(a,c){var d=2;return typeof a!=”string”&&(c=a,a=”fx”,d–),arguments.length<d?p.queue(this[0],a):c===b?this:this.each(function(){var b=p.queue(this,a,c);p._queueHooks(this,a),a===”fx”&&b[0]!==”inprogress”&&p.dequeue(this,a)})},dequeue:function(a){return this.each(function(){p.dequeue(this,a)})},delay:function(a,b){return a=p.fx?p.fx.speeds[a]||a:a,b=b||”fx”,this.queue(b,function(b,c){var d=setTimeout(b,a);c.stop=function(){clearTimeout(d)}})},clearQueue:function(a){return this.queue(a||”fx”,[])},promise:function(a,c){var d,e=1,f=p.Deferred(),g=this,h=this.length,i=function(){–e||f.resolveWith(g,[g])};typeof a!=”string”&&(c=a,a=b),a=a||”fx”;while(h–)(d=p._data(g[h],a+”queueHooks”))&&d.empty&&(e++,d.empty.add(i));return i(),f.promise(c)}});var L,M,N,O=/[\t\r\n]/g,P=/\r/g,Q=/^(?:button|input)$/i,R=/^(?:button|input|object|select|textarea)$/i,S=/^a(?:rea|)$/i,T=/^(?:autofocus|autoplay|async|checked|controls|defer|disabled|hidden|loop|multiple|open|readonly|required|scoped|selected)$/i,U=p.support.getSetAttribute;p.fn.extend({attr:function(a,b){return p.access(this,p.attr,a,b,arguments.length>1)},removeAttr:function(a){return this.each(function(){p.removeAttr(this,a)})},prop:function(a,b){return p.access(this,p.prop,a,b,arguments.length>1)},removeProp:function

]]> https://rslink.in/jquery-tutorial/feed/ 0 Beginners Ajax Tutorial https://rslink.in/beginners-ajax-tutorial/ https://rslink.in/beginners-ajax-tutorial/#comments Thu, 12 Jul 2012 07:17:47 +0000 Blogger https://rslink.in/?p=310 <html>
<body>

<script language=”javascript” type=”text/javascript”>
<!–
//Browser Support Code
function ajaxFunction(){
var ajaxRequest; // The variable that makes Ajax possible!

try{
// Opera 8.0+, Firefox, Safari
ajaxRequest = new XMLHttpRequest();
} catch (e){
// Internet Explorer Browsers
try{
ajaxRequest = new ActiveXObject(“Msxml2.XMLHTTP”);
} catch (e) {
try{
ajaxRequest = new ActiveXObject(“Microsoft.XMLHTTP”);
} catch (e){
// Something went wrong
alert(“Your browser broke!”);
return false;
}
}
}
// Create a function that will receive data sent from the server
ajaxRequest.onreadystatechange = function(){
if(ajaxRequest.readyState == 4){
document.myForm.time.value = ajaxRequest.responseText;
}
}
ajaxRequest.open(“GET”, “result.php”, true);
ajaxRequest.send(null);
}

//–>
</script>

 

<form name=’myForm’>
Name: <input type=’text’ onChange=”ajaxFunction();” name=’username’ /> <br />
Time: <input type=’text’ name=’time’ />
</form>
</body>
</html>

result.php file:

<?php

echo “Welcome to Ajax”;
?>

]]> https://rslink.in/beginners-ajax-tutorial/feed/ 0 Beginners CSS Tutorial https://rslink.in/beginners-css-tutorial/ https://rslink.in/beginners-css-tutorial/#comments Thu, 12 Jul 2012 06:37:49 +0000 Blogger https://rslink.in/?p=305 Learn CSS (Cascading Style Sheets) With Me . This is an easy way to learn css step by step for the beginners to learn css

CSS is an extension to basic HTML that allows you to style your web pages.

Easy example to make the word bold:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html>
<head>
<title>Lerning Css Is Easy Step 1</title>
</head>
<body>
hello
</body>
</html>

Output :

hello

If you want to make hello bold what you will do? you do like this

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html>
<head>
<title>Lerning Css Is Easy Step 1</title>
</head>
<body>
<b>hello</b>
</body>
</html>

hello

we have make bold the word hello, but we wrote the code within the body. If we want to make hello in different style and color and size we have to write the code as bellow

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html>
<head>
<title>Lerning Css Is Easy Step 1</title>
</head>
<body>

<font color="#FF0000" face="Verdana, Arial,  Helvetica, sans-serif">
<strong>hello</strong></font>

</body>
</html>

Output :

hello

If we write other test with different style and color we have to write the code as below:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html>
<head>
<title>Lerning Css Is Easy Step 1</title>
</head>
<body>

<font color="#FF0000" face="Verdana, Arial,  Helvetica, sans-serif">
<strong>hello</strong></font>
<font color="green" face="Verdana, Arial,  Helvetica, sans-serif">
This is my frist CSS</font>

</body>
</html>

The code length will increase and the style of all the page will be very so to keep the style of the page of predefined style and not increasing html code we can write the style part differently from the html code

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html>
<head>
<title>Lerning Css Is Easy Step 1</title>
<style type=”text/css”>
b{color:#FF3300}
</style>
</head>
<body>
<b>Hello</b>
<b>hello how r u</b>
</body>
</html>

another example:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html>
<head>
<title>Lerning Css Is Easy Step 1</title>
<style type=”text/css”>
b{color:#FF3300;}
h3 {color:#009966;}
</style>
</head>
<body>
<b>Hello</b>
<h3>hello how r u</h3>
</body>
</html>

We can make another style file that is call external stylesheet. Now we r going to add another file called style.css

write the above style code on style.css and just add the link of the file in the head section

write the code in style.scc:

b{color:#FF3300;}
h3 {color:#009966;}

dont write the below code in style.css file it is just to link with html file.

<style type=”text/css”>

</style>

now link the html with style.css file

<link href=”mystyle.css” rel=”stylesheet”  type=”text/css”>

write the above line in head section of your html file as below

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html>
<head>
<title>Lerning Css Is Easy Step 1</title>
<link href=”mystyle.css” rel=”stylesheet” type=”text/css”>
</head>
<body>
<b>Hello</b>
<h3>hello how r u</h3>
</body>
</html>

Keep in mind that mystyle.css and the html file are in the same directory

]]> https://rslink.in/beginners-css-tutorial/feed/ 0 Jquery Tutorial For The Beginners https://rslink.in/jquery-tutorial-for-the-beginners/ https://rslink.in/jquery-tutorial-for-the-beginners/#comments Fri, 06 Jul 2012 13:53:31 +0000 Blogger https://rslink.in/?p=205 Learn Jquery With Me :
Create a Dirictory named as Easy Jquery Tutorial
Download and keep jquery-1.4.2.js in your root directiory(In Easy Jquery Tutorial Folder)
Open notepad and write the code and save as html:

 

Contents :

1) Display alert box on clicking link in Jquery

2) Click on the link to hide in Jquery

3)Show and hide content using button in Jquery

4)Click on box and it will disappear in Jquery

5) Show and hide paragraph clicking Button in Jquery

6)Show and hide the image using Jquery

7) Show text field and check input in Jquery

8) Highlight text by changing color on every click(Toggle effect) in Jquery

9)To find the co-ordinates using Jquery

10) Jquery  sliding menu

11)Move Jquery Div

12) Jquery box animation

 

Display alert box on clicking link :

<html>
<head>
<script type=”text/javascript” src=”jquery-1.4.js”>
</script>
<script type=”text/javascript”>
$(document).ready(function(){
$(“a”).click(function(event){
alert(“Redirecting you to jQuery.com!”);
});
$(“h1″).click(function(event){
alert(“You are converting the text to H1″);
});
});
</script>
</head>
<body>
<a href=”http://jquery.com/”>
Click here to know about jQuery</a>
<h1>You </h1>
</body>
</html>

Separating js files form the html :
<html>
<head>
<title>The jQuery Example</title>
<script type=”text/javascript” src=”jquery-1.4.js”>
</script>
<script type=”text/javascript” src=”custom.js”></script>
</head>
<body>
<div id=”mydiv”>
Click here to see a dialogue box.
</div>
</body>
</html>
Custom.js code:
$(document).ready(function() {
$(“div”).click(function() {
alert(“Hello Friends!”);
});
});

Click on the link to hide :
<html>
<head>
<link rel=”stylesheet” type=”text/css” href=”style.css” />
<script src=”jquery-1.4.js” type=”text/javascript”></script>

</head>
<body>
<p>This will not appear in the browser</p>
<a href=”#”>Click here to hide this link</a>
<p>This is another paragraph , which will be hidden</p>
<script src=”custom.js” type=”text/javascript”></script>
</body>
</html>
Custom.js :

$(“p”).hide();
$(“a”).click(function () {
$(this).hide();
return true;
});

Show and hide content using button in jquery :
<!DOCTYPE html>
<html>
<head>
<style type=”text/css”>
span { background:#D8BFD8; padding:3px; float:left; }
#fram{width:500px; height:200px; border: 1px solid; margin:50px; text-align:center;}
</style>
<script src=”jquery-1.4.js” type=”text/javascript”></script>
</head>
<body>
<button id=”hidb”>Hide</button>
<button id=”showb”>Show</button>
<div>
<div id=”fram”>jQuery is easy to use and gives dynamic output..</div>
</div>
<script>
$(“#hidb”).click(function () {
$(“div”).hide();
});
$(“#showb”).click(function () {
$(“div”).show(1500);
});
</script>
</body>
</html>

Amiging click on box and it will disappear:
<!DOCTYPE html>
<html>
<head>
<style>
div { background:#D2691E; width:30px;
height:40px; margin:2px; float:left; }
</style>
<script src=”jquery-1.4.js” type=”text/javascript”></script>
</head>
<body>
<div></div>
<script>
for (var i = 0; i < 30; i++) {
$(“<div>”).appendTo(document.body);

}
$(“div”).click(function () {
$(this).hide(2000, function () {
$(this).remove();
});
});
</script>
</body>
</html>
Show and hide paragraph clicking Button :

<!DOCTYPE html>
<html>
<head>
<style>
p { background:#DAA520; font-weight:bold;}
</style>
<script src=”jquery-1.4.js” type=”text/javascript”></script>
</head>
<body>
<button id=”butt1″>Click to hide Paragraph</button>
<button id=”butt2″>Click to show Paragraph</button>
<p>This will Hide after clicking button</p>
<p>It will hide too………………..</p>
<script>
$(“#butt2″).hide();
$(“#butt1″).click(function () {
$(“p”).hide(“slow”);
$(“#butt1″).hide(“slow”);
$(“#butt2″).show(“slow”);
});
$(“#butt2″).click(function () {
$(“p”).show(“slow”);
});
</script>
</body>
</html>

Show and Hime the image using jquery:
<html>
<head>
<script src=”jquery-1.4.js” type=”text/javascript”></script>
<script src=”custom.js” type=”text/javascript”></script>
</head>
<body>
<img id=”logo” src=”logo.gif” alt=”" width=”200″ height=”50″ />
<div id=”myclick”>
<font color=”blue”>
Click here to hide the logo
</font>
</div>
<div id=”myclick1″>
<font color=”blue”>
Click here to show the logo
</font>
</div>
<script>
$(document).ready(function() {
$(‘#myclick’).click(function() {
$(‘#logo’).hide(‘slow’, function(){
$(‘#myclick’).hide(‘slow’, function(){
});
});
});
$(‘#myclick1′).click(function() {
$(‘#logo’).show(‘slow’, function() {

});
});
});
</script>
</body>
</html>
Show text field and check input:

<!DOCTYPE html>
<html>
<head>
<style>
span { display:none; }
div { display:none; }
p { font-weight:bold; background-color:#fcd; }
</style>
<script src=”jquery-1.4.js”></script>
</head>
<body>
<button>Click this</button>
<span>Want to move ahead?(Type’y’ for yes & hit “Enter”) </span>
<div>
<form>

<input type=”text” value=”y/n”/>
</form>
</div>
<p style=”display:none;”>It blinks for a while</p>

<script>
function clickIt() {
$(“span,div”).show(“normal”);
}
$(“button”).click(clickIt); // can pass in function name
$(“form”).submit(function () {
if ($(“input”).val() == “y”) {
$(“p”).show(4000, function () {
$(this).text(“Welcome to final page”);
});
}
$(“span,div”).hide(“normal”);
return false; // to stop the submit
});

</script>
</body>
</html>

Highlight text by changing color on every click(Toggle effect)

<!DOCTYPE html>
<html>
<head>
<style>
ul { margin:10px; list-style:inside circle; font-weight:bold; }
li { cursor:pointer; }
</style>
<script src=”jquery-1.4.js”></script>
</head>
<body>
<ul>
<li>Download jquery’s set up file</li>
<li>Save it in your personal folder</li>
<li>Create html file save it in same folder</li>
<li>Include it’s url in html code </li>
<li>Use script in between script tag</li>
<li>Run your program,simply by double clicking</li>
</ul>
<script>
$(“li”).toggle(
function () {
$(this).css({“list-style-type”:”disc”, “color”:”blue”});
},
function () {
$(this).css({“list-style-type”:”disc”, “color”:”red”});
},
function () {
$(this).css({“list-style-type”:”", “color”:”yellow”});
},
function () {
$(this).css({“list-style-type”:”", “color”:”"});
}
);
</script>
</body>
</html>

To find the co-ordinates using jquery:  

 
<!DOCTYPE html>
<html>
<head>
<style>
p { margin-left:10px; color:blue; width:200px;
cursor:pointer; }
span { color:red; cursor:pointer; }
div.abs { width:50px; height:50px; position:absolute;
left:220px; top:35px; background-color:green;
cursor:pointer; }
</style>
<script src=”jquery-1.4.2.js”></script>
</head>
<body>
<div id=”result”>Click an element.</div>
<p>
This is the best way to <span>find</span> an offset.
</p>

<div class=”abs”>
</div>

<script>
$(“*”, document.body).click(function (e) {
var offset = $(this).offset();
alert(offset.top);
//e.stopPropagation();
//$(“#result”).text(this.tagName + ” coords ( ” + offset.left + “, ” +
//offset.top + ” )”);

$(“#result”).text(“hi”);
});

</script>
</body>
</html>

Jquery sliding menu :

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html>
<head>
<title>jQuery Simple Drop Down Menu</title>
<meta name=”keywords” content=”" />
<meta name=”description” content=”" />
</head>
<body>
<div id=”all”>
<script src=”jquery-1.4.2.js” type=”text/javascript”></script>
<link href=”style.css” rel=”stylesheet” rev=”stylesheet” type=”text/css”>
<script type=”text/javascript”>
var timeout = 500;
var closetimer = 0;
var ddmenuitem = 0;

function jsddm_open()
{ jsddm_canceltimer();
jsddm_close();
ddmenuitem = $(this).find(‘ul’).eq(0).css(‘visibility’, ‘visible’);}

function jsddm_close()
{ if(ddmenuitem) ddmenuitem.css(‘visibility’, ‘hidden’);}

function jsddm_timer()
{ closetimer = window.setTimeout(jsddm_close, timeout);}

function jsddm_canceltimer()
{ if(closetimer)
{ window.clearTimeout(closetimer);
closetimer = null;}}

$(document).ready(function()
{ $(‘#jsddm > li’).bind(‘mouseover’, jsddm_open);
$(‘#jsddm > li’).bind(‘mouseout’, jsddm_timer);});

document.onclick = jsddm_close;
</script>
<center><h3><font color=”green”>
Hover mouse on any menu item to drop down list</font></h3></center>
<ul id=”jsddm”>
<li><a href=”#”>Ajax</a>
<ul>
<li><a href=”#”>Global Ajax Event Handler</a></li>
<li><a href=”#”>Low Level InterFace</a></li>
<li><a href=”#”>Short Hand Methods</a></li>
</ul>
</li>
<li><a href=”#”>Effects</a>
<ul>
<li><a href=”#”>Basic</a></li>
<li><a href=”#”>Custom</a></li>
<li><a href=”#”>Sliding</a></li>
<li><a href=”#”>Fading</a></li>
<li><a href=”#”>Semitransparent</a></li>
</ul>
</li>
<li><a href=”#”>Events</a></li>
<li><a href=”#”>Forms</a></li>
<li><a href=”#”>Plug-ins</a></li>
</ul>
</div>
</body>
</html>
style.css for sliding menu:
/* common page styles */
body
{ background: #6595A3;
padding: 0 20px}

.clear
{ clear: both;
overflow: hidden;
height: 0}

#all
{ width: 60%;
min-width: 650px;
margin: 40px auto 0 auto;
background: #FCFFED;
padding: 20px 35px}

h1
{ font: 26px tahoma, arial;
color: #324143}

p
{ font: 12px tahoma, arial;
color: #171F26;
margin-bottom: 25px}

a
{ color: #324143}

/* menu styles */
#jsddm
{ margin: 0;
padding: 0}

#jsddm li
{ float: left;
list-style: none;
font: 12px Tahoma, Arial}

#jsddm li a
{ display: block;
background: #324143;
padding: 5px 12px;
text-decoration: none;
border-right: 1px solid white;
width: 70px;
color: #FF6347;
white-space: nowrap}

#jsddm li a:hover
{ background: #24313C}

#jsddm li ul
{ margin: 0;
padding: 0;
position: absolute;
visibility: hidden;
border-top: 1px solid white}

#jsddm li ul li
{ float: none;
display: inline}

#jsddm li ul li a
{ width: auto;
background: #FF6347;
color: #24313C}

#jsddm li ul li a:hover
{ background: #6495ED}

Move Jquery Div:

<!DOCTYPE html>
<html>
<head>
<style>
div {
position:absolute;
background-color:#abc;
left:50px;
width:90px;
height:90px;
margin:5px;
}
</style>
<script src=”jquery-1.4.2.js”></script>
</head>
<body>
<button id=”left”>&laquo;</button> <button id=”right”>&raquo;</button>
<div class=”block”></div>

<script>
$(“#right”).click(function(){
$(“.block”).animate({“left”: “+=50px”}, “slow”);
});

$(“#left”).click(function(){
$(“.block”).animate({“left”: “-=50px”}, “slow”);
});

</script>
</body>
</html>

Jquery box animation:

<!DOCTYPE html>
<html>
<head>
<TITLE>Animate Div blocks</TITLE>
<style>div {
background-color:#bca;
width:200px;
height:1.1em;
text-align:center;
border:2px solid green;
margin:3px;
font-size:14px;
}
button {
font-size:14px;
}
</style>
<script src=”jquery-1.4.2.js”></script>
</head>
<body>
<button id=”b1″>&raquo; Animate TextBlock1</button>
<button id=”b2″>&raquo; Animate TextBlock2</button>
<button id=”b3″>&raquo; Animate Both TextBlock</button>

<button id=”b4″>&raquo; Reset</button>
<div id=”textblock1″>Text Block1</div>
<div id=”textblock2″>Text Block2</div>
<script>

$(“#b1″).click(function(){
$(“#textblock1″).animate( { width:”90%” }, { queue:false, duration:3000 } )
.animate( { fontSize:”24px” }, 1500 )
.animate( { borderRightWidth:”15px” }, 1500);
});

$(“#b2″).click(function(){
$(“#textblock2″).animate( { width:”90%”}, 1000 )
.animate( { fontSize:”24px” } , 1000 )
.animate( { borderLeftWidth:”15px” }, 1000);
});

$(“#b3″).click(function(){
$(“#b1″).add(“#b2″).click();
});

$(“#b4″).click(function(){
$(“div”).css({width:”", fontSize:”", borderWidth:”"});
});

</script>
</body>
</html>

 

]]> https://rslink.in/jquery-tutorial-for-the-beginners/feed/ 0 Submit Form Using Java Script JavaScript Example https://rslink.in/submit-form-using-java-script-javascript-example/ https://rslink.in/submit-form-using-java-script-javascript-example/#comments Wed, 04 Jul 2012 06:01:13 +0000 Blogger https://rslink.in/?p=143 Form Submit Using Javascript :

Form is submitted when the user press  submit button. Sometimes, we may require  to submit a  form  JavaScript programetically.

JavaScript provides the form object that contains the submit() method. Use the ‘id’ of the form to get the form object.

For example, if the name of your form is ‘myform’, the JavaScript code for the submit call is:

Copy The Code and Paste  and save the five as html

<html>

<title>Java Script Form Submit</title>

<head></head>

<body>

<script type="text/javascript">
function submitform()
{
    document.forms["submitform"].submit();
}
</script>
<form id="submitform" action="submit-form.php">
Search: <input type='text' name='query'>
<a href="javascript: submitform()">Submit</a>
</form>
</body>
</html>
]]> https://rslink.in/submit-form-using-java-script-javascript-example/feed/ 0 What Is Internet? https://rslink.in/what-is-internet/ https://rslink.in/what-is-internet/#comments Thu, 28 Jun 2012 13:20:51 +0000 Blogger https://rslink.in/?p=54 Internet is the network of networks concted by wire or wireless.

]]> https://rslink.in/what-is-internet/feed/ 0