Davy's Blog

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...

Using Jquery to insert a row in table

Example: [code] <table width='100%'> <tr><td>something</td><td>else here</td></tr> <tr><td>something2</td><td>else here2</td></tr> </table> [/code] If you want place following code at the end of the table. [code] <tr><td>something3</td><td>else here3</td></tr> [/code] Like: [code] <table width='100%'> <tr><td>something</td><td&...

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'); } });