> 
- Home Page
- > Script JavaScript
- > Script JavaScript Buttons & Links
- > Colored buttons
Colored buttons
Add some color to the buttons of our forms.
<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="#c0c0c0" // - standard color
m_down_col="#ee5555"
//---------The description---------\\
/*
m_over_col - Color of buttons at MouseOver
m_out_col - Color of buttons at MouseOut and initial colors
m_down_col - Color of buttons at MouseDown
*/
//----------------------------------\\
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
}
}
}
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
}
}
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
}
}
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}
dow_key=id
document.all[id].style.background=m_down_col
}
}
</script>
