Archive for the ‘JavaScript’ Category

One of the lingering issues in providing your web site with Internet Explorer 6 compatibility lies in its lack of implementation of multiple class support. Every other web browser supports this capability but if you need to support IE6, you won’t be able to use it.

In any browser, the CSS selector .big.blue should only be applied to elements that have both the big and blue classes. Internet Explorer 6 ignores all but the last class definition, effectively making .big.blue into .blue.

Using this lightweight jQuery plug in allows you to forget about these limitations and get on with your coding. Just include the plugin file and it will automatically load with the page. Only if you are loading more elements with AJAX or changing classes after the DOM loads do you need to call the helper function.

Demo/Documentation – View the Demo/Documentation for this plug in

jquery.MultipleClass.zip (5.5kB) – Package containing demo/documentation, source code, minified library

Have you been using wrapper DIVs to achieve rounded corners in your designs? Do you wish you could use CSS3 multiple backgrounds and stop inflating your markup? You can, using this jQuery library. Multiple backgrounds have been supported by Webkit-based browsers like Safari and Chrome for a long time. Firefox only recently implement them in version 3.6. Of course, Internet Explorer has never supported multiple-backgrounds. This library brings support to Internet Explorer and Firefox by reading the CSS code from style and link tags.

background: url(left.gif) no-repeat 0 0, url(right.gif) no-repeat 100% 0, url(middle.gif) repeat-x 0 0;

CSS3 introduced the ability for multiple backgrounds on elements. Using this new feature is very simple; simply place each background like you normally would and separate them with commas. CSS3 browser support extends to background-image, background-position, background-repeat. This library only implements its own property for the shorthand style background property. The W3C provides information about multiple backgrounds.

(more…)

New Version Available! Updated October 21, 2010

Updated July 29, 2010

Have you been using wrapper DIVs to achieve rounded corners in your designs? Do you wish you could use CSS3 multiple backgrounds and stop inflating your markup? You can, using this jQuery library. Multiple backgrounds have been supported by Webkit-based browsers like Safari and Chrome for a long time. Firefox only recently implement them in version 3.6. Of course, Internet Explorer has never supported multiple-backgrounds. This library brings support to Internet Explorer and Firefox by reading the CSS code from style and link tags.

background: url(left.gif) no-repeat 0 0, url(right.gif) no-repeat 100% 0, url(middle.gif) repeat-x 0 0;

CSS3 introduced the ability for multiple backgrounds on elements. Using this new feature is very simple; simply place each background like you normally would and separate them with commas. CSS3 browser support extends to background-image, background-position, background-repeat. This library only implements its own property for the shorthand style background property. The W3C provides information about multiple backgrounds.

(more…)