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.

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.

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 is a css to style a definition list to get a calendar list type.

See the final render.

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.

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

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

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

Set Everything to Square One

Three Column 90% Layout

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