Discussion :

[Floyus]

Bonjour,
J'ai une fonction ajax qui me permet d'afficher sur une page html un morceau de code récupéré dans un fichier php.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function mesProjets()
{
	getXhr();
	xhr.onreadystatechange = function()
	{
		if(xhr.readyState == 4 && xhr.status == 200)
		{
			document.getElementById('zone').innerHTML = xhr.responseText;
		}
	}
	xhr.open("POST",'projet_php/projetbts.php',true);
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr.send(null);
}

Dans ce fichier php, j'ai une partie qui fait défiler des images et qui, lorsque que je clique sur une image, me l'affiche avec Tchickbox de Jquery.

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
<div id="imagePetite">
<marquee direction="up" scrollamount="3" width="200" height="400" onmouseover="this.stop();" onmouseout="this.start();"> 
	<a href="./image/original/monture.png" class="thickbox"><img class="imagePetite" src="./image/petite/monturepetite.png" alt="Single Image"  /></a>
	<a href="./image/original/heq5.jpg" class="thickbox"><img class="imagePetite" src="./image/petite/heq5.jpg" alt="Single Image"/></a>
	<a href="./image/original/photo1.jpg" class="thickbox"><img class="imagePetite" src="./image/petite/photo1.jpg" alt="Single Image"/></a>
	<a href="./image/original/photo2.jpg" class="thickbox"><img class="imagePetite" src="./image/petite/photo2.jpg" alt="Single Image"/></a>
	<a href="./image/original/projetcapture.PNG" class="thickbox"><img class="imagePetite" src="./image/petite/projetcapture.PNG" alt="Single Image"/></a>
	<a href="./image/original/interface.png" class="thickbox"><img class="imagePetite" src="./image/petite/interfaceP.png" alt="Single Image"  /></a>
	<a href="./image/original/interface2.png" class="thickbox"><img class="imagePetite" src="./image/petite/interface2P.png" alt="Single Image"  /></a>
</marquee>
</div>

Le problème est que Tchickbox de fonctionne plus.
Avant tout marchais très bien, ma partie de code pour afficher mes images était déjà dans ma page HTML (Je n'utilisais pas AJAX pour l'appeler.)

Ma question : comment je peux utiliser Jquery après l'appel d'AJAX ?

PS : Je ne suis pas très bon avec Jquery et Ajax, et peut être que je n'en fais pas une bonne utilisation.

Merci d'avance

[Bovino]

Pourquoi les événements disparaissent après une mise à jour avec AJAX ?

[Floyus]

Merci pour ta réponse Bovino !
Je pense avoir compris le problème, par contre, je n'arrive pas à savoir qu'est ce que je dois mettre dans la fonction "AfterAjax()".

Code :

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

1
2
3
4
5
6
xhr.onreadystatechange = function(){
	if(xhr.readyState == 4 && xhr.status == 200){
		document.getElementById('ajax').innerHTML = xhr.responseText;
		afterAjax();
	}
}

Dans mon cas, ce qui se passe après AJAX, se trouve tout dans un fichier TchickBox.js et Jquery.js. (qui se trouve dans mon head de ma page.)

Merci d'avance

[Floyus]

Re bonjour,
j'ai mis la fonction d'initialisation de Tchickbox à la place de AfterAjax(); et ça a fonctionné !
J'ai pas beaucoup réfléchis en répondant la dernière fois.

Merci bien !

A bientôt