Buttons - Free scripts - Art DHTML studio

Buttons.

This script gives a variety to standard buttons. It changes color of a background and text of buttons at different events of the mouse.

The buttons have four-state a status.
You can use all types of buttons - "button", "submit", "reset".
It is possible to add to them events. E.g. - onClick().

Test all our buttons.

Demo:

To insert a script on the page you have:

Insert these lines into any place of page. (The color of a background and text of buttons can be adjusted.)

<script language=JavaScript> //Insert these lines into any place of page //Set parameter "ID" for buttons so that it began with "butt". //For example - "button1", "button2", "butt_shan"... //You can use all types of buttons - "button", "submit", "reset". //It is possible to add to them events. E.g. - onClick. //---- Choice of variables ----\\ m_over_col="#ff9944" m_out_col="#5555ee" m_down_col="#90dd90" m_over_col_tx="#4444ff" m_out_col_tx="#ffffff" m_down_col_tx="#000000" //---------The description---------\\ /* m_over_col - background of buttons at MouseOver m_out_col - background of buttons at MouseOut and initial colors m_down_col - background of buttons at MouseDown m_over_col_tx - Color of text in buttons at MouseOver m_out_col_tx - Color of text in buttons at MouseOut and initial colors m_down_col_tx - Color of text in buttons at MouseDown */ //----------------------------------\\ //This and others free scripts you can find on a site: artdhtml.com dow_key='' window.onload=recolor_butt function recolor_butt() { len_all=document.all.length for (i=0; i<len_all; i++) { id=document.all[i].id if (id.indexOf('butt')==0) { document.all[i].style.background=m_out_col document.all[i].style.color=m_out_col_tx } } } function document.onmouseover() { id=window.event.srcElement.id if (id.indexOf('butt')==0) { if(dow_key==id){return} document.all[id].style.background=m_over_col document.all[id].style.color=m_over_col_tx } } function document.onmouseout() { id=window.event.srcElement.id if (id.indexOf('butt')==0) { if(dow_key==id){return} document.all[id].style.background=m_out_col document.all[id].style.color=m_out_col_tx } } function document.onmousedown() { id=window.event.srcElement.id if (id.indexOf('butt')==0) { if(dow_key!=''){ document.all[dow_key].style.background=m_out_col document.all[dow_key].style.color=m_out_col_tx } dow_key=id document.all[id].style.background=m_down_col document.all[id].style.color=m_down_col_tx } } </script>
Set parameter "ID" for buttons so that it began with "butt".
For example - "button1", "button2", "butt_shan", ...

If you want to reprogram your site for all browsers (Internet Explorer, Netscape4 and Netscape6) write to us. Our prices - $ 5 per hour.