Davy's Blog

jQuery iPhone UI – A Library That Mimics iPhone Interface

Few days ago, the jQuery team announced that they are working on jQuery Mobile which will probably become quickly popular on creating mobile web apps. for the fans of the library. On the other hand, there are already ready-to-use solutions like the pretty-complete jQuery iPhone UI (check the "Mobile Development" category for others). It is a jQuery library which emulates the iPhone interface that is handy for creating iPhone web applications. The library includes widgets like menu, ...

How to disable/enable an element with jQuery

Sometimes you need to disable or enable some elements in your document and jQuery makes this task easy. All you have to do is to set disabled attribute to "disabled". Example: [code] // To disable $('.someElement').attr('disabled', 'disabled'); [/code] In order to enable any disabled element you need to set the disabled attribute to empty string or remove it entirely like in the code below. [code] // To enable $('.someElement').removeAttr('disabled'); // OR you can set attr to &...

Free Javascript Lightbox

TopUp TopUp is an easy to use Javascript library for unobtrusively displaying images and webpages in a Web 2.0 approach of popups. The library is jQuery and jQuery UI driven in order to maintain cross-browser compatibility and compactness. Sexy LightBox SexyLightBox is a clon, sexier and more lightweight than the classic LightBox. It was constructed while thinking about web designers toward an easy installation and use.

9 Excellent ToolTip Plugins with jQuery

1) clueTip clueTip goes one step further than (mb)tooltip, it has many advanced options that you can utilize such as having the tooltip move with the mouse cursor, forcing the tooltip to stay on the page until a user action closes it, a really nice “loader” graphic which appears between the point that the event is fired and the tooltip is loaded, and much more. The loader is actually very useful, especially when you are loading dynamic content into your tooltip via ajax for exampl...

Using Jquery to insert a row in parent window table

If we have a table in parent widow: [code] <table id="demo_table"> <tbody> <tr> <td>1</td> <td>a</td> </tr> </tbody> </table> [/code] Now, we want use jquery to insert a row to this table from a frame. We can write jquery: [code] parent.$('#demo_table').last().append('<tr><td>2</td><td>b</td></tr>'); [/code] or this way [code] parent.$('#demo_tabl...

How to write in jquery “window.parent.document.getElementById().innerHTML”

For example we want get this [code] window.parent.document.getElementById("myEle").innerHTML = html; [/code] In Jquery, we can write like this: [code] $("#myEle", window.parent.document).html(html); [/code] or we can also write in this way: [code] parent.$("#myEle").html(html); [/code]

jQuery checkbox – how to check if checkbox is checked using jQuery

There are three ways using jquery to check if checkbox is checked. Here they are: [code] // First way $('#checkBox').attr('checked'); // Second way $('#edit-checkbox-id').is(':checked'); // Third way for jQuery 1.2 $("input[@type=checkbox][@checked]").each( function() { // Insert code here } ); // Third way == UPDATE jQuery 1.3 $("input[type=checkbox][checked]").each( function() { // Insert code here } ); [/co...

jquery display switch

Using  jquery to control css display attribute. $j(window).load(function(){ if($j('#test1').css('display') == 'none') { $j('#tab1').css('display', 'none'); $j('#tab2').css('display', 'block'); } });