Relax Breath of Solution. » Sameera Thilakasiri http://www.beasrilankan.com Just I wanted.. Do you?... Wed, 14 Dec 2011 17:52:35 +0000 en hourly 1 http://wordpress.org/?v=3.3 jQuery creating custom animations http://www.beasrilankan.com/2011/09/jquery-creating-custom-animations/ http://www.beasrilankan.com/2011/09/jquery-creating-custom-animations/#comments Thu, 29 Sep 2011 07:38:25 +0000 Sameera Thilakasiri http://www.beasrilankan.com/?p=919 Read More »

]]> <HTML> <HEAD> <TITLE> jQuery creating custom animations </TITLE> <script type="text/javascript" src="https://ajax.googleapis.com/ ajax/libs/jquery/1.4.2/jquery.min.js"></script> </HEAD> <BODY> <div id="clickme" > <font color="red"> Click here </font> </div> <img id="book" src="http://ampersandtr.eweb101.discountasp.net/ img/tm/co/SK/SIGIRAYA/Places%20To%20Visit%20In%20Sri%20Lanka%201.jpg" alt="" width="200" height="223" style="position: relative; left: 10px;" /> <script> $('#clickme').click(function() { $("#targetDiv").hide(); $('#book').animate({ opacity : 0.25, left : '+=50', height : 'toggle' }, 5000, function() { // Animation complete. $("#targetDiv").html("<h3>" + "Click link to animate" + "</h3>").fadeIn("slow"); }); }); </script> <font color="blue"> <div id="targetDiv" style="display: none;"></div> </font> </BODY> </HTML>

Read More »

]]> http://www.beasrilankan.com/2011/09/jquery-creating-custom-animations/feed/ 0 jQuery fading elements in and out http://www.beasrilankan.com/2011/09/jquery-fading-elements-in-and-out/ http://www.beasrilankan.com/2011/09/jquery-fading-elements-in-and-out/#comments Thu, 29 Sep 2011 05:51:52 +0000 Sameera Thilakasiri http://www.beasrilankan.com/?p=917 Fading elements in and out

Read More »

]]> Fading elements in and out

Read More »

]]> http://www.beasrilankan.com/2011/09/jquery-fading-elements-in-and-out/feed/ 0 jQuery hiding and showing elements on the page – arguments.callee http://www.beasrilankan.com/2011/09/jquery-hiding-and-showing-elements-on-the-page-arguments-callee/ http://www.beasrilankan.com/2011/09/jquery-hiding-and-showing-elements-on-the-page-arguments-callee/#comments Thu, 29 Sep 2011 05:25:50 +0000 Sameera Thilakasiri http://www.beasrilankan.com/?p=915 Incoming search terms:

Read More »

]]> <body> <button id="hideBtn">Hide</button> <button id="showBtn">Show</button> <div> <span>jQuery</span> <span>is</span> <span>easy</span> <span>to</span> <span>use</span> <span>and</span> <span>gives</span> <span>dynamic output..</span> </div> <script> $("#hideBtn").click(function () { $("span:last-child").hide("fast", function () { // use callee so don't have to name the function /*It then hides those spans it found. The second argument to hide is a callback after the animation. That callback goes to the "previous" child (the 'something else' text node), hiding it and passing the "called function" (arguments.callee) as the callback. Which makes this a "recursive" function. */ $(this).prev().hide("fast", arguments.callee); }); }); $("#showBtn").click(function () { $("span").show(2000); }); </script> </body>

Incoming search terms:

Read More »

]]> http://www.beasrilankan.com/2011/09/jquery-hiding-and-showing-elements-on-the-page-arguments-callee/feed/ 0 jQuery event helpers http://www.beasrilankan.com/2011/09/jquery-event-helpers/ http://www.beasrilankan.com/2011/09/jquery-event-helpers/#comments Wed, 28 Sep 2011 13:15:38 +0000 Sameera Thilakasiri http://www.beasrilankan.com/?p=913 .live()
This method attach a handler to the event for all elements which match the current selector, now or in the future.

Read More »

]]> .live()
This method attach a handler to the event for all elements which match the current selector, now or in the future.

Read More »

]]> http://www.beasrilankan.com/2011/09/jquery-event-helpers/feed/ 0 jQuery working with CSS(CSS Manipulation) http://www.beasrilankan.com/2011/09/jquery-working-with-csscss-manipulation/ http://www.beasrilankan.com/2011/09/jquery-working-with-csscss-manipulation/#comments Wed, 28 Sep 2011 12:28:24 +0000 Sameera Thilakasiri http://www.beasrilankan.com/?p=902 .css( )
This method get the CSS style property of the first matched element..

Read More »

]]> .css( )
This method get the CSS style property of the first matched element..

Read More »

]]> http://www.beasrilankan.com/2011/09/jquery-working-with-csscss-manipulation/feed/ 0 jQuery inserting content(DOM Insertion) http://www.beasrilankan.com/2011/09/jquery-inserting-contentdom-insertion/ http://www.beasrilankan.com/2011/09/jquery-inserting-contentdom-insertion/#comments Wed, 28 Sep 2011 12:04:55 +0000 Sameera Thilakasiri http://www.beasrilankan.com/?p=900 .unwrap( )
The .unwrap() method removes the element’s parent from the matched set .It leaves the matched element at their place.

Read More »

]]> .unwrap( )
The .unwrap() method removes the element’s parent from the matched set .It leaves the matched element at their place.

Read More »

]]> http://www.beasrilankan.com/2011/09/jquery-inserting-contentdom-insertion/feed/ 0 jQuery manipulating attributes http://www.beasrilankan.com/2011/09/jquery-manipulating-attributes/ http://www.beasrilankan.com/2011/09/jquery-manipulating-attributes/#comments Wed, 28 Sep 2011 11:59:30 +0000 Sameera Thilakasiri http://www.beasrilankan.com/?p=898 Manipulating CSS class attribute

Read More »

]]> Manipulating CSS class attribute

Read More »

]]> http://www.beasrilankan.com/2011/09/jquery-manipulating-attributes/feed/ 0 jQuery Tree traversal http://www.beasrilankan.com/2011/09/jquery-tree-traversal/ http://www.beasrilankan.com/2011/09/jquery-tree-traversal/#comments Sun, 11 Sep 2011 09:18:10 +0000 Sameera Thilakasiri http://www.beasrilankan.com/?p=895 .children()
This method get a set of elements containing all of the unique immediate children of each of the matched set of elements.

Read More »

]]> .children()
This method get a set of elements containing all of the unique immediate children of each of the matched set of elements.

Read More »

]]> http://www.beasrilankan.com/2011/09/jquery-tree-traversal/feed/ 0 Traversing through filtering http://www.beasrilankan.com/2011/09/traversing-through-filtering/ http://www.beasrilankan.com/2011/09/traversing-through-filtering/#comments Sun, 11 Sep 2011 09:04:45 +0000 Sameera Thilakasiri http://www.beasrilankan.com/?p=892 Traversing through filtering

Read More »

]]> Traversing through filtering

Read More »

]]> http://www.beasrilankan.com/2011/09/traversing-through-filtering/feed/ 0 Form Element Selector http://www.beasrilankan.com/2011/09/form-element-selector/ http://www.beasrilankan.com/2011/09/form-element-selector/#comments Sun, 11 Sep 2011 08:07:38 +0000 Sameera Thilakasiri http://www.beasrilankan.com/?p=890 : button Selector
This type of selector is used to select all input buttons plus all button elements.

Read More »

]]> : button Selector
This type of selector is used to select all input buttons plus all button elements.

Read More »

]]> http://www.beasrilankan.com/2011/09/form-element-selector/feed/ 0