Aide roll over javascript...

Fermé
Alex - 27 mai 2003 à 15:11
 Alex - 27 mai 2003 à 22:33
Bonjour à tous et merci d'avance pour vos réponses !

Voila, je suis bloqué, car jaimerais faire un roll over mais pas sur 2 images mais sur 3 !

je vous explique, je voudrais un etat quand la souris est sur limage, un etat quand la souris n'est plus sur l'image et un dernier etat (c la que ca se complique) quand l'utilisateur clic sur limage !

jy suis arrivé mais le probleme, c que quand la souris se retir de limage l'etat "cliqué" disparait, alors que je voudrai qu'il reste jusqu' à qu'il soit recliqué et quil reprenne son etat initial...

Voila, je sais pas si jai été tres clair mais vous me le dirais ! voila le code, mais je pense quil faudrai faire un if ou une fonction mais je my connais peu en javascript malheuresement :

<a href="javascript:;"

onMouseOver="document.img_1.src='images/boutong2.gif';"

onMouseOut="document.img_1.src='images/boutong.gif';"

onClick="document.img_1.src='images/boutong3.gif';">

<img name="img_1" src="images/boutong.gif" border="0"> </a>

2 réponses

PhP Messages postés 1767 Date d'inscription lundi 11 décembre 2000 Statut Membre Dernière intervention 23 décembre 2009 606
27 mai 2003 à 21:26
Bsr Alex,

Voici un petit ex qui utilise du code JavaScript :


<html>
<head>
<script language="JavaScript">
<!--

var deja_clique=false;

function lien_over()
{
if (deja_clique == false)
{
document.img_1.src="images/boutong2.gif";
}
}

function lien_out()
{
if (deja_clique == false)
{
document.img_1.src="images/boutong.gif";
}
}


function lien_click()
{
deja_clique = !deja_clique;
document.img_1.src="images/boutong3.gif";
}
// -->
</script>
</head>

<body>

<a href="#"
onMouseOver="lien_over();"
onMouseOut="lien_out();"
onClick="lien_click();">

<img name="img_1" src="images/boutong.gif" border="0"> </a>

</body>
</html>

C'est plus simple de déporter le code dans un script plutôt que de tout mettre dans la balise <a></a>

J'ai remplacé tout code href="javascript:;" qui sous IE 6 ne fonctionnait pas par href="#" donc en fait le lien ne fait rien ... mais je suppose que c'est ce que tu veux .

@+
PhP
[[  The Truth is Out There   ]]
0
MERCIIIIII vraiment... tu m'enleve une epine du pied !
0