Rollover qui s'affiche si la souris reste fixe

**zaldiko** · 19/06/2008, 13h28

Bonjour,
J'ai créer grâce au forum un code de rollover pour du texte. Quand la souris passe sur le texte 1, le texte 2 apparaît en dessous au bout de 3 secondes. Le code fonctionne bien, mais je voudrais rajouter une condition à ce code qui permettrait que le rollover ne s'active que si la souris reste sur le texte 1 au moins une seconde. Car dans ma page, j'aurais plusieurs textes avec cet effet et si la souris passe sur les différents textes même sans s'arrêter, tout les texte en rollover s'affiche.
Est ce possible et quel fonction permet de faire cela.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<head>
<script language="javascript">
function linkover(monElement){
var obj = document.getElementById(monElement);
var text=(obj.innerHTML.length>1?'':'<em>texte2</em>');
setTimeout(function(){obj.innerHTML=text},3000)
}
 
</script> 
</head>
 
<body>
 
<a class="MsoNormal" style="font-size: 11pt;" onmouseover="linkover('monCalque')" onmouseout="linkover('monCalque')"> ? texte 1</a><br />
<div id="monCalque"></div>
</body>

Merci de votre aide.

**le_chomeur** · 19/06/2008, 13h37

il faut que tu ajoutes une variable de condition :

- rollover = déclenchement d'une tempo de 1 secondes si 1 secondes atteint alors tu lances l'affichage du texte
- si out = stop du timer et donc non déclenchement de la méthode qui permet d'afficher

**zaldiko** · 19/06/2008, 13h43

Merci de la réponse. Mais je suis novice et c'est même mon premier code en javascript. Pourrait tu m'indiquer quelle variable de condition permet de faire cela .
En te remerçiant de ton aide.

**Bovino** · 19/06/2008, 13h50

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<script language="javascript">
var timer = null;
function linkover(monElement){
if(!timer){
var obj = document.getElementById(monElement);
var text=(obj.innerHTML.length>1?'':'<em>texte2</em>');
timer = setTimeout(function(){obj.innerHTML=text},3000)
}
else{timer = null}
}
 
</script>

**Bovino** · 19/06/2008, 13h56

Oops... ça va pas marcher, j'ai pas pris en compte que le timer se déclenche dans les deux cas... (mouseover ET mouseout) ma solution fonctionne qu'avec le timer sur mouseover et pas sur mouseout.

**Bovino** · 19/06/2008, 14h01

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<script language="javascript">
var timer = null;
function linkover(monElement){
if(!timer){
var obj = document.getElementById(monElement);
obj.innerHTML.length>1?setTimeout(function(){obj.innerHTML=' '},3000):timer = setTimeout(function(){obj.innerHTML='<em>texte2</em>'},3000);
}
else{clearTimeout(timer)}
}
 
</script>

Rollover qui s'affiche si la souris reste fixe

JavaScript

Vue hybride

Discussions similaires

Partager

Partager