Bonjour,
J'aimerais savoir comment utiliser un rollover comme bouton de formulaire?
Voici le script de mon formulaire:
Mettre dans <head> </head> :
<script language="JavaScript">
function myClose() {
opener = self;
self.close();
};
</script>
Mettre dans <body> </body>
<form name="maForm" action="?" method="post">
<input src="panoramique_1.jpg?PHPSESSID=40c1e78ba9a7417a3366af250ed09e36" type=image name="b_close" value="Fermer" onClick="myClose();">
</form>
panoramique_1.jpg = le nom de l'image qui apparaitra à la place du bouton
Voici le script de mon rollover:
Mettre dans <head> </head> :
<SCRIPT LANGUAGE="JavaScript">
image1 = new Image();
image1.src = "url_de_l'image_normal";
</script>
Mettre dans <body> </body>
<a href="url_du_lien" onmouseover="image1.src='url_de_l'image_normal;" onmouseout="image1.src='url_de_l'image_spécial;" target="_self">
<img name="image1" src'url_de_l'image_normal" border=0 width="129" height="18"></a>
Dans la partie HEAD :
---------------------
<script type="text/javascript">
<!-- script créé par le webmaster de : -->
<!--
http://www.creation-de-site.net -->
<!-- vous y trouverez des javascripts, des images, des tutoriaux et des ressources gratuites. -->
<!--
function print_page()
{ document.write('<form><input type="button" value="Imprimer" onClick="javascript:window.print();"></form>'); }
//-->
</script>
Je voudrais aussi mettre un rollover comme bouton dans ce formulaire:
__________________________________
Dans le body :
--------------
Placez le code suivant à l'endroit souhaité :
<script type="text/javascript">print_page();</script>
Si vous voulez utiliser ce script sur une image voici comment procéder :
<a href="javascript:window.print();">:<img src="votre_image.gif"></a>
Si vous voulez utiliser ce script sur un lien voici comment procéder :
<a href="javascript:window.print();">texte du lien</a>>