Attribute Selectors
Snippet Menu
ranking 
|
date
|
member 
|
date
|
member
3
Wed. Nov. 28th, 2007 1:08 PM
These are some prototype methods to handle class names in html elements. As you all should know, a html element can have more than one class name.
This is part of my dom handling toolkit. Check it out and use it at will.
Cheers
This is part of my dom handling toolkit. Check it out and use it at will.
Cheers
7
Set Everything to Square One
6
A Simple Centered Fixed Width Layout
-1
Using !important to Separate Styles From IE
-10
One way to group elements in HTML is to assign them a name attribute. Multiple elements can share a name, then you can easily access them as an array using the getElementsByName() method.
The problem is that some DOM parsers aren't keen on, or are ignorant to, this use of the name attribute, so a simple object.name returns undefined. In my case, it was a DIV in Firefox 1.5 that was behaving this way.
There is a simple work around for this that works in Firefox, I haven't tested it in others. It is to use the getAttribute method that is an extension of any element object.
This ability can be useful if you have a function that performs a transformation on the active element, and another transformation on closely related elements.
The problem is that some DOM parsers aren't keen on, or are ignorant to, this use of the name attribute, so a simple object.name returns undefined. In my case, it was a DIV in Firefox 1.5 that was behaving this way.
There is a simple work around for this that works in Firefox, I haven't tested it in others. It is to use the getAttribute method that is an extension of any element object.
This ability can be useful if you have a function that performs a transformation on the active element, and another transformation on closely related elements.
15
Not really a hack, but rather a workaround for layout problems with IE.
Conditional
Conditional
-7
Make IE bend to your every will and command.
12
Allows you to hide all elements on an HTML page by their tag name. Extremely handy in getting around the "Windowless Elements" problem in IE, which is a bug that puts certain elements, most commonly select boxes, on top of any other element, no matter what. As you can imagine, this causes real problems with DHTML drop-down menus and such like. This is the simplest and quickest fix I've come up with, I simply set this function to run alongside the drop-down and all of the select tags vanish before a menu drops, then I run the show function when the menu retracts.
6
Normally in CSS whichever rule is specified last takes precedence. However if you use !important after a command then this CSS command will take precedence regardless of what appears after it.
8
An easy way to hide and show div's using Javascript and CSS.
Basically just a slight variation on this script by Real Gagnon.
Basically just a slight variation on this script by Real Gagnon.
