Ce script permet la création d'un bouton donc les caractéristiques changent lorsque le pointeur le survole, lorsqu'on appuie dessus, lorsqu'on le relâche et lorsqu'on le quitte.

This script allow the creation of a button who's caracteristics change when the cursor is over it, when we press it, when we release it and when we leave it.

Exemple :

Example:

Copier ceci dans la section <HEAD> entre des étiquettes <STYLE>et </STYLE> ou dans un fichier .css relié.

Copy this in the <HEAD> section between <STYLE> and </STYLE> tags or in a .css linked file.

Sélectionner tout et copier dans le Presse-papier (IE)

Select all and copy in the Clipboard (IE)

.Btn_norm,.Btn_over,.Btn_down {
  width: 70px;
  height: 24px;
  font-family: Verdana;
  font-style: normal;
  font-weight: bold;
  font-size: 8pt;
  }

.Btn_norm {
  background: #00FFFF;
  color: #FF0000;
  }
.Btn_over {
  background: #FFFF00;
  color: #0000FF;
  }
.Btn_down {
  background: #6699CC;
  color: #FFFFFF;
  }

Copier ceci dans la section <HEAD> entre des étiquettes <SCRIPT>et </SCRIPT> ou dans un fichier .js relié.

Copy this in the <HEAD> section between <SCRIPT> and </SCRIPT> tags or in a .js linked file.

Sélectionner tout et copier dans le Presse-papier (IE)

Select all and copy in the Clipboard (IE)

function ldButton(text,url) {
	document.write('<button class="Btn_norm" name="Btn" hidefocus');
	document.write(' onMouseOver="');
	document.write("document.Form.Btn.className='Btn_over';");
	document.write('"');
	document.write(' onMouseDown="');
	document.write("document.Form.Btn.className='Btn_down';");
	document.write('"');
	document.write(' onMouseUp="');
	document.write("document.Form.Btn.className='Btn_over';");
	document.write('"');
	document.write(' onMouseOut="');
	document.write("document.Form.Btn.className='Btn_norm';");
	document.write('"');
	document.write(' onClick="');
	document.write("window.location='"+url+"'");
	document.write('">'+text+'</button>');
}

Copier ceci dans la section <BODY> à l'endroit désiré dans la page.

Copy this in the <BODY> section at the desired location in the page.

Sélectionner tout et copier dans le Presse-papier (IE)

Select all and copy in the Clipboard (IE)

<form name="Form">
<script>ldButton("OK","#");</script>
</form>