Making Dynamic Webpages with Dhtml - Javascript & Css

Dhtml is a nice tool for making webpages dynamic without having to create them out of flash. I make an effort to encorporate various scripting into my pages wherever I feel it will serve as a benefit to the user and not be overdone. I will never implement any Dhtml without prior validating it's compliance in the most popular browsers.

Posted below are links to some sample Javascript files that I am using on this site and in past projects:

• http://www.ryanfyfe.com/oldsite/javascript/javascript.js
• http://www.ryanfyfe.com/oldsite/javascript/showhide.js
• http://www.ryanfyfe.com/oldsite/javascript/animate.js
• http://www.ryanfyfe.com/oldsite/javascript/bgcolors.js
• http://www.ryanfyfe.com/oldsite/javascript/overlib.js *Opensource

* Alot of the Javascript that is used in the demos below are not in the files above. You can view it by clicking on the "Page Source" Tab above.

Samples using a combination of Javascript and Css:
	Checkboxes - Press button above to Select/De-Select all Checkboxes
	Add/Delete Table Rows/Elements - Press the "add file field" button above to add rows to the table at the right. You can add a maxium of 5, and delete un-wanted fields.	Select file(s)
	Show/Hide Element Click the text above to show/hide an html element	Hidden Element
	Mouse-over Animation Mouse-over the image to the right and it will animate through a set of different images.
	Resize Images: Click One of the buttons above to change the size of the images to the right.