coolforms 1.0

   I wrote a small little javascript library that I use on several of my sites to spice up standard old html forms. I call it CoolForms for lack of any originality.

   Basically it traverses the DOM and adds configurable classnames to HTML Form elements. It also adds event handlers (mouseover, mouseout, focus, blur) to the element and changes classes on each state. Then, you can modify a simple style sheet and, voila, you have cool looking form elements. The script uses Mike Foster's excellent X Library. If you already have prototype.js on your site, you could easily change out a couple lines of code and skinny down your bandwidth for the X library. 

    If you want to use it, you should include the script and call the "coolForms()" function when the window is loaded. Also, be sure to include the css file in your page.

    Then, just edit the css file to add the effects you want. 

Comments

Mar292006 at 02:15 pm fabrizim said... You can see an example of the effects by checking out the textarea for the comments

Write Comment
Please keep the topic of messages relevant to the subject of the article. Personal verbal attacks will be deleted. Please don't use comments to plug your web site.. Such material will be removed
Name:
BBCode:
Comment:
	Enter what you see: * tips: hit Reload page before writing a text if you have difficulty reading characters in image

Powered by AkoComment 2.0! and SecurityImage 3.0.2