Discussion :

[Guizmo95]

Bonjour,

Je travail beaucoup en AJAX sur mon site. Actuellement je met en place des infinit scroll.

Voici mon problème :

Sur une page A je fait un infinit scroll comme ceci :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
$(window).scroll(function(){	
	if($(window).scrollTop() == $(document).height() - $(window).height())
	{
		$.ajax({ 
			type: "POST",  
			url: "maPageChargee_A.php",
			data: "id="+ monid,
		success: function(msg){ 	   
				$("#monDivPageA").append(msg);
			}
		});
	}
});

Sur ma page B je fait un infinit scroll comme ceci :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
$(window).scroll(function(){	
	if($(window).scrollTop() == $(document).height() - $(window).height())
	{
		$.ajax({ 
			type: "POST",  
			url: "maPageChargee_B.php",
			data: "id="+ monid,
		success: function(msg){ 	   
				$("#monDivPageB").append(msg);
			}
		});
	}
});

Lorsque je vais sur la page A en premier (juste après connexion), pas de problème j'appelle bien ma page maPageChargee_A pour la chargée dans mon monDivPageA.

Lorsque je vais sur la page B en premier (juste après connexion), pas de problème j'appelle bien ma page maPageChargee_B pour la chargée dans mon monDivPageB.

Par contre : Lorsque je passe sur la page A puis sur la page B. Alors mon infinit scroll appelle ma maPageChargee_A alors que je suis sur la page B.
(et inversement de la page B vers A)

J'imagine que mon script A reste en mémoire et qu'il n'est pas écrasé par mon script B lors du chargement de la page B?????

Avez vous une idée sur la question?

Merci par avance

[NoSmoking]

Bonjour,

J'imagine que mon script A reste en mémoire et qu'il n'est pas écrasé par mon script B lors du chargement de la page B?????

les script de la page A appartiennent à la page A et les scripts de la page B appartiennent à la page B.

Si aucune liaison n'est réalisée entre les pages, ouverture via window.open par exemple ou encore une page contenue dans une IFRAME, tu ne peux pas appeler le script d'une autre page.

Il serait peut être intéressant que tu précises ton besoin ou ton problème.

[Guizmo95]

Bonjour,

Merci pour votre réponse.

Je précise donc :

J'ai une div CENTER où je charge ma liste de conversation via un appel ajax (ici, je peux faire un inifinit scroll sur mes conversation)

Puis si je clique sur une conversation je charge dans mon div CENTER la conversation avec les messages (chargement de la conversation en ajax toujours)

Je ne fais donc pas de rechargement total de ma page. Et là, le script du scroll sur la liste de conversations est utilisé pour le scroll sur la liste des messages. Donc erreur.

Par contre, si je recharge la page totalement, l'infinite scroll est bien pris en compte.

[NoSmoking]

as tu essayé de mettre cela dans une IFRAME, oui cela existe encore et est valide HTML5

[Guizmo95]

Merci pour cette réponse.

Je ne tiens pas à utiliser des Iframes. (normes de développement sur le projet).
J'ai beau retourner le problème, je ne vois pas comment passer outre.

Il m'est impossible d'"écraser" ma fonction

Code :

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

$(window).scroll(function(){

Le seul moyen de réécrire la fonction est de recharger la page totalement. Si je fait un appel AJAX alors l'ancienne fonction

Code :

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

$(window).scroll(function(){

reste comme elle était.

Ce qui pose aussi le problème pour les autres pages où je ne souhaite pas faire de scroll infinit, la fonction sera là et testera le scroll :s