Discussion :

[nodogeid]

Bonjour à tous.
Voici mon problème.
J'ai une div qui contient les messages d'un tchat.
J'ai donc voulu faire en sorte que l'utilisateur n'ai pas à scroller, mais que cela se fasse automatiquement. J'ai donc fait un:

Code :

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

1
2
3
4
5
 
<div id="fenetreTchat" ></div>
 
<script type="text/javascript">getElementById("fenetreTchat").scrollTop = 10000;
</script>//Ce script est répété toute les unes seconde.

Cela fonctionne très bien.
Le problème c'est que des que l'utilisateur souhaite remonter dans la conversation, il se retrouve automatiquement en bas! (du a la répétition toutes les secondes).
J'aimerais donc n'exécuter cette fonction QUE si l'utilisateur n'est pas dessus avec sa souris.
Le onmouseout ne fonctionne pas, car il faut "rentrer" et "ressortir" de l'élément pour que la fonction soit exécutée. Il faudrait que la fonction s'exécute tant que l'utilisateur n'est pas sur la zone, et qu'elle s'arrete une fois l'utilisateur sur la zone.
Merci d'avance pour votre aide.

Allez ++!!

[SpaceFrog]

sur le onblur tu desactive ton setInterval et tu le reactive sur le onfocus ?

[magnus2005]

Une idée :
Tu demarres ta fonction au chargement de la page et elle tourne en permanence.
Tu lui ajoutes un Flag pour le scroll.
le Flag (var myscroll = true; )est à true au debut.

• Sur onmouseover tu le met à false.
• Sur onmouseout tu le met à true.

Cela couvre t'il bien ton problème ?

[nodogeid]

Une idée :
Tu demarres ta fonction au chargement de la page et elle tourne en permanence.
Tu lui ajoutes un Flag pour le scroll.
le Flag (var myscroll = true; )est à true au debut.

• Sur onmouseover tu le met à false.
• Sur onmouseout tu le met à true.

Cela couvre t'il bien ton problème ?

Cela couvre parfaitement mon problème .
Merci pour vos réponses rapides.
Voici ma fonction, peut être vous servira elle. Elle permet de scroller n'importe quelle div automatiquement, et d'arrêter le scroll quand l'utilisateur est dessus(pour ne pas qu'il soit redescendu automatiquement.Il faut pour cela passer son id (de la div) en paramètre.

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
 
var globaleAutoScroll = new Array(); //Tableau de variables globales. Une est créee à chaque appel de la fonction autoScroll().
function autoScroll(divAScroller){
 
	$(divAScroller).onmouseover = function(){globaleAutoScroll[divAScroller] = false;}
	$(divAScroller).onmouseout = function(){globaleAutoScroll[divAScroller] = true;}
 
 
	if ((globaleAutoScroll[divAScroller] == true)||(globaleAutoScroll[divAScroller] == undefined))
	{
		$(divAScroller).scrollTop = 10000;
	}
 
 
}

Merci encore!
Allez ++!!