La communauté ALL HTML c'est 58642 membres à ce jour dont 0 inscrits aujourd'hui et 35 depuis une semaine.
Cet article est actuellement publié sur le site.
Article publié le jeudi 13 juillet 2006 par Deny.
Cet article est classé dans les catégories « Javascript »
Commande de formulaire
A priori peu utilisée et connue, elle permet donc de faire un click en javascript sur n'importe quel bouton de formulaire.
<html>
<body>
<style type="text/css">
body {scrollbar-3dlight-color:aqua;
scrollbar-arrow-color:blue;
scrollbar-base-color:;
scrollbar-darkshadow-color:blue;
scrollbar-face-color:khaki;
scrollbar-highlight-color:blue;
scrollbar-shadow-color:blue}
</STYLE>
<script>
boutontexte = "C'est cliqué !";
</script>
<div style="margin-top:100px">
<p><b>La commande Click : onmouseover=document.forms[0].elements[0].click();</b></p>
<p style="width:200px;font-weight:700;border:2px solid black;padding:3px;text-align:center;" onmouseover="document.forms[0].elements[0].click();document.getElementById('info').style.display='inline';">passe d'abord ici...</p>
<form name="cliclic">
<input type="button" value="Clique pas" style="margin-top:30px;background-color:#BB3333;color:#FFFF00" onClick="this.style.backgroundColor='#FFFF00';this.style.color='#BB3333';this.innerText=boutontexte;">
</form>
</div>
<div style="margin-top:50px">
<p><b>Le même</b></p>
<form name="cliclic">
<input type="button" value="Clique ici" style="margin-top:30px;background-color:#BB3333;color:#FFFF00" onClick="this.style.backgroundColor='#FFFF00';this.style.color='#BB3333';this.innerText=boutontexte;">
</form>
</div>
<div id="info" style="display:none;"><b>Clique sur le bouton pour voir s'il y a une différence...</b></div>
</body>
</html>