http://blog.inflinx.com All About Software Development Mon, 22 Aug 2011 23:31:17 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 http://blog.inflinx.com/2009/10/09/adding-jquery-slider-part-ii/ http://blog.inflinx.com/2009/10/09/adding-jquery-slider-part-ii/#comments Fri, 09 Oct 2009 21:15:28 +0000 Balaji http://blog.inflinx.com/?p=299 In my last post I showed how to easily add slider functionality using JQuery. In this post I will showcase some of the options that slider provides with a Temperature Converter. This is how it will work: the slider represents temperature measured in Celsius units and ranges between 0 and 100. As the user drags [...]]]> http://blog.inflinx.com/2009/10/09/adding-jquery-slider-part-ii/feed/ 0 http://blog.inflinx.com/2009/10/01/adding-jquery-ui-slider/ http://blog.inflinx.com/2009/10/01/adding-jquery-ui-slider/#comments Fri, 02 Oct 2009 03:46:29 +0000 Balaji http://blog.inflinx.com/?p=260 Here are five easy steps to add slider functionality to your web applications: Step 1: Go to JQuery UI site and create a custom download. To keep things simple, select “No Theme”.under theme section and deselect all but UI Core and Slider checkboxes. Hit Download and unzip the downloaded file. Step 2: Copy the jquery-1.3.2.min.js [...]]]> http://blog.inflinx.com/2009/10/01/adding-jquery-ui-slider/feed/ 0 http://blog.inflinx.com/2009/09/22/basic-jquery-tips/ http://blog.inflinx.com/2009/09/22/basic-jquery-tips/#comments Tue, 22 Sep 2009 20:18:30 +0000 Balaji http://blog.inflinx.com/?p=251 This is more for my reference and hopefully helps others working with JQuery. Getting and Setting the innerHTML of an element var content = $("#id").html(); $("#id").html("Some HTML"); Getting and Setting the text (with out any HTML) of an element var txt = $("#id").text(); $("#id").text("Some Text"); Removing content from an element $("#id").empty(); Getting and Setting style [...]]]> http://blog.inflinx.com/2009/09/22/basic-jquery-tips/feed/ 0 http://blog.inflinx.com/2009/03/07/unobtrusive-javascript-using-jquery/ http://blog.inflinx.com/2009/03/07/unobtrusive-javascript-using-jquery/#comments Sat, 07 Mar 2009 08:10:47 +0000 Balaji http://blog.inflinx.com/?p=148 I feel that an important advantage of using JQuery is its ability to separate behavior from structure. Consider the case where you want to trigger a JavaScript method when a link is clicked. A common implementation would be: function show() { // Code } Click Me Even though this mixing of behavior (JavaScript) and structure [...]]]> http://blog.inflinx.com/2009/03/07/unobtrusive-javascript-using-jquery/feed/ 0 http://blog.inflinx.com/2009/03/07/jquery-five-useful-tips/ http://blog.inflinx.com/2009/03/07/jquery-five-useful-tips/#comments Sat, 07 Mar 2009 07:22:58 +0000 Balaji http://blog.inflinx.com/?p=139 Selectors Before an element can be manipulated using JQuery, it needs to be identified. JQuery provides a powerful syntax for selecting a one or more elements. Here are some simple selectors (notice similarity to CSS element selection): Selecting by id: $(‘#yourelementid’) Selecting by class name: $(‘.yourclassname’) Selecting by tag name: $(‘p’) selects all the elements [...]]]> http://blog.inflinx.com/2009/03/07/jquery-five-useful-tips/feed/ 2