Bouton couleur. Outils webmaster. Trucs et astuces html javascript pour site

<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>

- Champ obligatoire dans un formulaire.	- Position du curseur dans le champ.
- Basculement de toutes les lettres en majuscules dans un champ.	- Basculement de la 1ere lettre en majuscule dans un champ.
- Le texte s'efface au clic dans un champ.	- Bouton radio.
- Case à cocher.	- Cases à cocher avec sélection.
- On ne peut cocher qu'un certain nombre de cases.	- Contrôle de la validité d'un mail.
- Contrôle de champ numérique.	- Le texte du bouton change au clic.
- Une fois le bouton enfoncé, on ne peut plus cliquer dessus.	- Couleur dans les champs de formulaire.
- Le curseur se positionne sur le champ suivant lorsqu'une longueur de champ pré-définie est atteinte.	- Un clic sur l'icône ouvre un calendrier à la date. Un clic sur une date l'inscrit dans le champ.
- Limitation et affichage du nombre de caractères dans un textarea.	- Un point d'interrogation s'affiche au curseur lors de son passage sur le bouton.
- Un bouton "Quitter" pour aller à une autre lien.	- Couleur sur les boutons.
- Couleur sur les ascenseurs du textarea.	- Changement de couleur du bouton lorsqu'on fait un roll-over ou un clic.
- Des champs que l'on ne peut pas effacer.