S'abonner :

Newsletters

Magazines

01men.

Avis sur les produits

Avis sur les logiciels

55 utilisateurs connectés

Forum de 01net / Développement / Problème : Boutons de site web

Problème : Boutons de site web

TPM le 25 septembre 2008 à 10h15

Bonjour. J'ai mis des boutons (images JPEG)et je souhaiterai les faire changer de couleurs quand la souris passe dessus. J'utilise Nvu et je ne maitrise pas parfaitement le flash, y a t il une solution en HTML ? Si non, quelle est la solution en flash ? Merci d'avance !

répondre

philippedereims le 25 septembre 2008 à 11h50

TPM a écrit :

Tu peux faire cela facilement en javascript !
Cherche un script sur un site internet traitant ce sujet !

-------

répondre

TPM le 25 septembre 2008 à 13h58

Bonjour. J'ai consulté mon ami Google, j'ai vu cela : http://www.eclaireur.net/tutoriaux/creer-bouton-image-css-avec-element-button(...) mais je n'ai pas encore essayé. Est ce fiable ?
Puis, j'ai essayé du Java. Avec Nvu, j'ai sélectionné un bouton JPEG et j'ai fait propriétés/avancé/javascript. J'ai choisi la fonction "on mouse up" (c'est à dire : quand la souris passe dessus) mais ensuite, on me demande d'écrire quelque chose à coté. Je met quoi dedans ? L'adresse du bouton JPEG que je vais mettre quand la souris est dessus ? Merci d'avance !

répondre

Hary1965 le 25 septembre 2008 à 15h13

Salut,

Le principe est d'avoir deux images, la première qui s'affiche normalement et la deuxième qui s'affiche lorsque l'on passe la souris ('On rollover' ou 'On mouse Up').

Donc OUI: l'adresse de ta deuxième image.

Voici un exemple de code, il suffit de remplacer par vos images et vos liens:

<HEAD>
<SCRIPT LANGUAGE="Javascript">

</SCRIPT>
<SCRIPT LANGUAGE="Javascript">

</SCRIPT>
<SCRIPT LANGUAGE="Javascript">

</SCRIPT>
<SCRIPT LANGUAGE="Javascript">

</SCRIPT>
<SCRIPT LANGUAGE="Javascript">

</SCRIPT>
<SCRIPT LANGUAGE="Javascript">

</SCRIPT>
<SCRIPT LANGUAGE="Javascript">

</SCRIPT>
<SCRIPT LANGUAGE="Javascript">

</SCRIPT>
</HEAD>

--------------------------------------------------------------------
<BODY>

<A HREF="accueilfr.html" onmouseover="monrollover1.src='accueilbtn2.jpg';" onmouseout="monrollover1.src='accueilbtn.jpg';">
<IMG SRC="accueilbtn.jpg" name="monrollover1" border=0></A><br>

<A HREF="biographiefr.html" onmouseover="monrollover2.src='biographiebtn2.jpg';" onmouseout="monrollover2.src='biographiebtn.jpg';">
<IMG SRC="biographiebtn.jpg" name="monrollover2" border=0></A><br>

<A HREF="realisationsfr.html" onmouseover="monrollover3.src='realisationsbtn2.jpg';" onmouseout="monrollover3.src='realisationsbtn.jpg';">
<IMG SRC="realisationsbtn.jpg" name="monrollover3" border=0></A><br>

<A HREF="commandesfr.html" onmouseover="monrollover.src='commandesbtn2.jpg';" onmouseout="monrollover.src='commandesbtn.jpg';">
<IMG SRC="commandesbtn.jpg" name="monrollover" border=0></A><br>

<A HREF="liensfr.html" onmouseover="monrollover4.src='liensbtn2.jpg';" onmouseout="monrollover4.src='liensbtn.jpg';">
<IMG SRC="liensbtn.jpg" name="monrollover4" border=0></A><br>

<A HREF="contactfr.html" onmouseover="monrollover5.src='contactbtn2.jpg';" onmouseout="monrollover5.src='contactbtn.jpg';">
<IMG SRC="contactbtn.jpg" name="monrollover5" border=0></A><br>

<A HREF="thanksfr.html" onmouseover="monrollover6.src='tanksbtn2.jpg';" onmouseout="monrollover6.src='tanksbtn.jpg';">
<IMG SRC="tanksbtn.jpg" name="monrollover6" border=0></A><br>

<A HREF="livredorfr.html" onmouseover="monrollover7.src='livredorbtn2.jpg';" onmouseout="monrollover7.src='livredorbtn.jpg';">
<IMG SRC="livredorbtn.jpg" name="monrollover7" border=0></A><br>

</BODY>

-->Message édité par Hary1965 le 25/09/2008 15:31:21<--

répondre

hamster3553 le 26 septembre 2008 à 11h02

Salut,
pas plus simple juste comme ça:
<img src="image.png" onmouseover="image.src='image2.png'" onmouseout="image.src='image.png'" >

Ou mieux encore, en CSS ?

-->Message édité par hamster3553 le 26/09/2008 11:04:08<--

répondre