Nous sommes actuellement le 14 Juil 2026, 16:16

Le fuseau horaire est UTC-5 heures [Heure d’été]




Publier un nouveau sujet Répondre au sujet  [ 4 message(s) ] 
Auteur Message
MessagePublié: 23 Déc 2003, 12:03 
Hors-ligne
Répond à tout!
Répond à tout!

Inscription : 13 Oct 2003, 18:01
Message(s) : 2261
Localisation : Québec
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>>

_________________
Bonne lecture!


Haut
 Profil  
Répondre en citant  
 Sujet du message:
MessagePublié: 23 Déc 2003, 12:17 
Hors-ligne
Régulier
Régulier

Inscription : 05 Nov 2002, 11:45
Message(s) : 493
si je comprends bien ce que tu veux, tu veux que ton boutton change au passage de la souris ?

pour un rollover au passage de la souris sur le bouton quelque chose de trèes simple !

<img name="btn1" src="boutonoriginal.gif" onmouseover="btn1.src='source_autre_image.gif'" onmouseout="btn1.src='source_original.gif'">

si par exemple tu passe ta souris sur un bouton et que tu veux qu'il change un autre image, et bien c'est un peu le meme principe.

je ne sais pas si j'ai été asser clair ? tu peux appeller des fonctions pour racourcir ton code, mais bon, ca revient au même quand meme !

bonne chance !


Haut
 Profil  
Répondre en citant  
 Sujet du message:
MessagePublié: 23 Déc 2003, 14:38 
Hors-ligne
Répond à tout!
Répond à tout!

Inscription : 13 Oct 2003, 18:01
Message(s) : 2261
Localisation : Québec
ste a écrit:
si je comprends bien ce que tu veux, tu veux que ton boutton change au passage de la souris ?

Non, je veux un bouton de formulaire en forme de rollover. En fait je veux remplacer le bouton normal par un rollover.

Je crois que vous comprenez maintenant.
-------------------------------------------------------------------------------------
J'ai relut vôtre message et je crois savoir pourquoi vous m'avez donné ce script.

En fait il faudrait que je m'y prenne demême.

<input type="image" src="boutonoriginal.gif" onmouseover="btn1.src='source_autre_image.gif'" onmouseout="btn1.src='source_original.gif'" value="Fermer" name="b_close" onClick="myClose();">

Je ne sait pas si sa vas marcher. Je vais essayer. Si non, pouvez vous me dire si il y a des erreurs dans mon script?


Haut
 Profil  
Répondre en citant  
 Sujet du message:
MessagePublié: 24 Déc 2003, 14:26 
Hors-ligne
Répond à tout!
Répond à tout!

Inscription : 13 Oct 2003, 18:01
Message(s) : 2261
Localisation : Québec
J'ai essayé sa et le rollover marche pas:

<head>
<script language="JavaScript">
function myClose() {
opener = self;
self.close();
};
</script>
<SCRIPT LANGUAGE="JavaScript">
btn1 = new Image();
btn1.src = "2.jpg";
</script>
</head>
<body>
<form name="maForm" action="?" method="post">
<input type="image" src="1.jpg" onmouseover="btn1.src='2.jpg'" onmouseout="btn1.src='1.jpg'" value="Fermer" name="b_close" onClick="myClose();">
</form>
</body>

_________________
Bonne lecture!


Haut
 Profil  
Répondre en citant  
Afficher les messages publiés depuis :  Trier par  
Publier un nouveau sujet Répondre au sujet  [ 4 message(s) ] 

Le fuseau horaire est UTC-5 heures [Heure d’été]


Qui est en ligne ?

Utilisateur(s) parcourant ce forum : Aucun utilisateur inscrit et 0 invité(s)


Vous ne pouvez pas publier de nouveaux sujets dans ce forum
Vous ne pouvez pas répondre aux sujets dans ce forum
Vous ne pouvez pas éditer vos messages dans ce forum
Vous ne pouvez pas supprimer vos messages dans ce forum

Recherche de:
Aller vers :  
Propulsé par phpBB® Forum Software © phpBB Group
Traduction et support en françaisHébergement de site