lancer fonction sur retour ajax

**jyuzakumo** · 05/05/2008, 10h13

Voilà, j'écris actuellement mon code final d'index.php qui va me servir de liens avec les autres pages que j'ai crée.
Le principe est classique : j'ai une div "corps" dans ma page que je mets à jour via Ajax en fonction des liens cliqués. Je me heurte au problème suivant.
J'ai une page qui nécessite un code JS. Cette page est mise à jour à l'appel de la fonction Ajax mais le code ne se lance pas (logique...).

Y aurait-il un moyen de lancer du code JS au chargement de cette page ?

Je vous remercie d'avance pour vos réponses et vous souhaite de passer une agréable journée (ensoleillée).

Bien à vous.

J.

**xdoreau** · 05/05/2008, 10h30

Bonjour,

Je pense que sur le forum Javascript tu auras plus d'aide qu'ici !

sinon comme pour lancer du JS au chargment de la page dans la balise body avec onload

**jyuzakumo** · 05/05/2008, 12h04

Merci de ta réponse. Cependant, mon code php de la page appelée ne dispose pas de balise body mais que de lignes php pures. Seule ma page principale (index.php) contient un body. Un 2ème body est possible ?

**SpaceFrog** · 05/05/2008, 13h26

Non un second body est à proscrire ...

Deux possibilités:

soit tu mets la fonction dans le header de ta page index et tu m'appelles à la fin de l'ajax...

soit tu mets le script à la fin de la partie importée par ajax
avec un eval, mais pas terrible

**jyuzakumo** · 05/05/2008, 15h35

J'ai tenté ceci :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
function requete()
	{
		elementHTML = $('corps');
		if(url == 'grades.php')
			var maRequete = new Ajax.Updater(elementHTML,url, {
					onSuccess:function() {
					//lancement de al fonction
					}
			});
		else
			var maRequete = new Ajax.Updater(elementHTML,
	}

Mais cela ne semble pas fonctionner. J'ai suivi ton conseil en plaçant le script dans le head de la page principal.

**jyuzakumo** · 05/05/2008, 19h02

J'ai omis de préciser que je chargeais le résultat d'une page php (en l'occurence ici un tableau) dans une div de ma page d'index. J'ai écrit une page JS qui permet de "naviguer" dans ce tableau (recherche d'une personne grâce au nom par ex.).
Et c'est là que le problème se pose. Le JS ne s'exécute pas comme s'il n'y avait aucun tableau... Est-ce dû au framework à tout hasard?

**SpaceFrog** · 05/05/2008, 20h59

tableau ?
balise table ou array ?

si c'est un array comment le passes tu à javascript ?

**jyuzakumo** · 05/05/2008, 21h48

Avec la balise table. Un fichier PHP réecrit tout le tableau suivant les résultats et renvoie le tout via XHR pour l'affichage (via un innerHTML pas très recommandé j'en suis conscient).

**Sacha999** · 06/05/2008, 00h04

Si tu sais ou se trouvera la balise </body>, suffit que tu ajoute juste avant

Code :

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

1
2
3
<script language="javascript">
//ton code javascript a executer, mais ne pas mettre dans une function sinon il ne sera pas "executé"
</script>

Normalement il se lancera en dernier, ca precede l'evenement "onload" du "body" pour info

**jyuzakumo** · 06/05/2008, 09h09

Oui j'ai pensé que cela marcherait aussi mais il n'en est point.

Un simple alert du contenu d'une des textbox de mon tableau semble bloquer tout mon script (le débuggueur ne bronche pas pourtant) et les codes placés après cet alert sont zappés.
Assez étrange comme souci.
.

**jyuzakumo** · 06/05/2008, 14h22

Problème résolu.

**Dionyzos** · 09/07/2008, 18h01

Salut jyuzakumo

Pourrais-tu donner ta solution STP, car je suis également dans le même cas que toi.

Je redonne quand même la description de mon problème :
Dans le <HEAD> de ma page principale j'ai un lien vers un fichier Javascript, lequel contient une fonction onMouseOver exécutée sur un de mes <TABLE> de la page.

Au chargement complet de la page, aucun soucis la fonction JS s'exécute parfaitement sur mon <TABLE>.

A l'aide d'une autre fonction je recharge, via Ajax, le bloc <DIV> qui contient le <TABLE>. Et là, c'est le drame ! La fonction onMouseOver ne répond plus

Donc, je pense que c'est le même type de problème.

Pour info, j'aimerais éviter de devoir mettre le code JS directement dans le contenu HTML (pas propre à mes yeux

)

Merci

**jyuzakumo** · 03/08/2008, 22h52

Mille excuses pour le temps de réponse, je ne consultais plus trop le forum dernièrement.

Alors pour ton problème ça peut venir du chargement de la page via Ajax (tu t'en doutais), il semblerait en fait que, parfois, le DOM n'ait pas finit de recharger l'arbre complet de la structure de la page. Par conséquent si ton élément table n'existe pas dans le DOM, il ne peut être exploité via JS...

La solution à mon problème a été de lancer les fonctions JS une fois que la totalité de la page a été correctement transmise. Il faut utiliser une fonction callback (si tu utilises des frameworks) ou alors lancer tes fonctions au fameux :

Code :

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

1
2
3
4
5
6
 xhr.onreadystatechange = function() {
			if (xhr.readyState == 4)
				if (xhr.status == 200) { // pas d'erreur de chargement
						// ici ton code 
 
				}

Si tu as besoin de détails contacte moi plutôt par mail : jyuzakumo@hotmail.com

Je ferais de mon mieux pour te guider (si tu as encore ce problème).

Bon courage et encore désolé...

lancer fonction sur retour ajax

JavaScript

Discussions similaires

Partager

Partager