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 code allows you to set the "opcity" style attribute on a element without affecting it's content.

Just call the function for a specific element or to all elements of a given classname after the document loads.

Examples and advanced usage here...

Simple set of functions for capturing and manipulating the className member of an HTMLElement

This is a very simple navigation.

Tested on: FF, IE6+, Safari

Don't know if anyone will find this handly, but here's a CSS processor that I wrote that allows me to nest CSS Blocks, and various other things, making for an easier to maintain CSS file.

Warning: I'd recommend caching the results since I didn't have a need to optomize it for speed.

Things that it includes:
*Nested CSS Rules
*Removes Whitespace
*Allows for // comments
*Removes comments (so put them in at no cost)

Please let me know what you think

There seems to be so many hide/show scripts out there, so here's the functions I wrote and use on a regular basis - there are 7 functions, hide, show and toggle by id or class - and the getElementByClass function that does not exist as a built in Javascript function...

This is in response to the flurry of visibility scripts that just don't have all the pieces needed to make them totally useful.

An easy way to hide and show div's using Javascript and CSS.

Basically just a slight variation on this script by Real Gagnon.

This is a PHP and JavaScript Image gallery that I created. There are 2 uses for this.
1.) You can save it as index.php and place in a folder containing images and it will display the images in that folder.
Example:
place index.php in images/folder
http://yoursite.com/images/folder/
This will display all images in that folder

2.) Pass in the path to the folder to display in the url
Example:
Save as imagegallery.php
http://yoursite.com/imagegallery.php?path=images/folde

This one may get me in trouble or kicked off MySpace altogether, but I thought it would be a fun bit of CSS magic to post.

As some of you may already know, MySpace does a REALLY good job of preventing images, script and some other tags from being used to customize your space. They have even gone to the extent of using tables without ID's to do the layout.

Pretty ingenious, allowing some customization, but still keeping those annoying ads for single women available to me and my youth groups kids, my family, etc..

Well no more - I want my friends to visit My Site, not just MySpace - so I have a clever method of getting them to go there, instead of posting comments on MySpace...

Check out my space to see this code in action!
www.myspace.com/casper619

This snippet allows an aspx page (c#) to accept URL parameters to allow styles or script to be dynamically appended to the rendered page.

I wrote this simple snippet to allow one of our vendors to accept a style override so that their application would morph into something more closely resembling our own portal application. Please see screenshots for clarification.

Original Vendor Application

Vendor Application with Style Override via URL

This function will set the style of an element by it's ID

This function sets a particular style for an element based on it's class

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.

Hi. i found this css file very useful for all the newbies who use frontpage2003 text. Just try this css code and specially for color text.
(Explanation on how to upload a css file in frontpage for newbies)
assuming that you already have index.html and you have some text in it describing also.
in frontpage open file new and then delete all the tagson the page and just copy and paste the code which i have posted. save the page as a .css file. after that go to your index page or any other page you would like to link with this css file. in the Index page go to format and then style sheet links and then click on add and find the .css file and click on and select for all pages or just for the index page and then click ok. have fu

Here's a basic function for debugging any kind of PHP variable. It allows for "invisible" or "visible" output--that is output in HTML comments or within visible HTML tags. It also supports customizable "containers" which lets you easily edit the look of the visible and invisible blocks. Examples in code below.

If you're an IE user you may have noticed that when you hover on a medium to large sized image, a toolbar appears in the corner of the image. It's basically useless as it accomplishes nothing that can't be done with a right-click.

Luckily, Microsoft has included a way for webmasters to disable this function.

Similar to Perl's CGI::escapeHTML(), though (because we can!) this adds it as a method to all String objects.

Generates select boxes, text boxes, check boxes and radio buttons. Via a handful of functions.

Generates a tree view within a dropdown select box.

A quick and simple function to dump a variable (array, object, string, int, etc) out into -formatted output for a web browser.

If the variable is an array or an object, you can have it returned into the another variable for later processing (i.e., through templates or e-mail). Due to lack of free time, if the variable is not an array or an object, it will ignore the $return value and print directly to output.

Future revisions will add the above mentioned functionality.

This function is useful in helping to deter spam bots by obfuscating things such as e-mail addresses and URLs that are displayed on a web page. While it's not 100% fool proof, it does offer some protection.

Example:
$email = html_entitize('foo@baz.org');
/*
Outputs foo@baz.com
*/

Get computed Width of an HTML Element

Get computed Height of an HTML Element

Restrict input to alphanumeric and uppercase

Put a break in a tooltip (limited chars)

Not really a hack, but rather a workaround for layout problems with IE.
Conditional

This function will run all functions that are to be executed one by one on page load with specified/added orde

Add rows into a table dynamically using js,DOM

Using styles we can add scrollbars for large table where the space is a constraint

a simple css way to add shadow to tables and Divs

Set a word or phrase in an input field, clear it onfocus

Here's a library to manage CSS class names on DOM elements.

Gives you the ability to dynamically include a CSS file at any time in your HTML page using Javascript.

This shows how the computed style of each node differs from the computed style of its parent. The root element, which has no parent, is instead compared against the root of a blank HTML document.

* create a new bookmark called "compute styles" in your firefox toolbar. Place the snippet code in the location field of your "compute styles". click the compute styles bookmark, then click an element on the page with the crosshairs.

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.

this is a css to style a definition list to get a calendar list type.

See the final render.

Make IE bend to your every will and command.

A prototype function to get an array of elements by id in an array

Toggles the visibility of an HTML element. Should be part of everyone's javascript toolkit

Attribute Selectors

Text to HTML Converte

Strip HTML

Strip HTML Tags From a String

Strip HTML Tags From a String

Three Column 90% Layout

Using !important to Separate Styles From IE

A Simple Centered Fixed Width Layout

Set Everything to Square One

Clearing Floats

Advanced CSS Hovering

Strip HTML