jQuery: Add (all), Remove (All) – operations between two Listboxes
Consider the scenario below: In case of operations between two list boxes like add, add all, remove, remove all; jQuery is quite amazing with it. With the use of appendTo method, you just need one line for each of the four operations. Checkout the code below: $(document).ready(function(){ $("#btnAdd").click(function() { $("select[id$='lstAllAgents'] > option:selected").appendTo("select[id$='lstGroupMembers']"); }); $("li#btnAddAll").click(function() { ...
CSS and Browser Compatibility Chart
We have a lot of browsers poping up every year. Not to mention the versions they come in. At times it can prove difficult to check if the website you have designed would look good in all browser. Browser compatibility has always been a web designers nightmare. Taking into account of this, i thought it ...
Create One-Click Shutdown and Reboot Shortcuts:
First, create a shortcut on your desktop by right-clicking on the desktop, choosing New, and then choosing Shortcut. The Create Shortcut Wizard appears. In the box asking for the location of the shortcut, type shutdown. After you create the shortcut, double-clicking on it will shut down your PC. But you can do much more with ...
Windows: Copy To & Move To on right-click
This was some cool stuff that was really useful to me. I used to do a lot of transfer between HDDs and folders deep inside. This registry entry gave me the 'Copy To' and 'Move To' options on right click of my mouse, on any file or folder. And Don't worry! Its totally reversible, if ...
Mutually Exclusive with Select All checkbox
The full code: (Copy the code below into a new folder with the jquery-1.3.2.min.js file in it and run the page). Getting a select all checkbox to work can prove to be simple in jQuery. But a select all isn't just on click of a checkbox on top of the column. It has to do ...
Center aligning div elements
Well, in most of the scenarios in a web designing art, you might come across one wherein you have to center align a div tag, without affecting the text in it. Your first thought might be text-align:center; But if you want to center align the div alone, leaving the text alignment to be unaffected, you ...
The Relentless FrontEnd - Aackose Lal's Blog 