Discussion :

[bailamos]

salut tous le monde;
quand j'importe une page php a l'aide d'ajax pour metre le contenue dans une div tous va bien mais quand j'essay d'executer les function javascript presente dans la page importer ca marche pas!
que faire

merci

[michaelcourcy]

Bonjour,

Qu'est-ce que veut dire importer une page php ? Si ce code représente du code JS est-ce qu'il a bien été pris en compte par l'interpreteur javascript avec "eval"

[bailamos]

index.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
15
16
17
18
19
20
21
22
23
24
25
 
<a href="#" onclick="ajax('ajouter_vendeur.php,'div')">ajouter Vendeur</a> - 
 
<br><br>
<div id="div"></div>
 
<script>
function ajax(url,div){
document.getElementById(div).innerHTML ='connection en cours';
if(window.XMLHttpRequest)
	xhr_object = new XMLHttpRequest();
else if(window.ActiveXObject)
	xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
else
	return(false);
 
xhr_object.open("GET",encodeURI(url), false);
xhr_object.send(null);
 
if(xhr_object.readyState == 4)
 document.getElementById(div).innerHTML=xhr_object.responseText;
else
 document.getElementById(div).innerHTML='connection inpossible';
}
</script>

ajouter_vendeur.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
15
16
17
18
19
20
21
22
23
24
 
<?php
echo 'ajouter Vendeur<br>';
 
echo '<br>nom<input type="text" name="nom">';
echo '<br>prénom<input type="text" name="prénom">';
echo '<br>utilisateur<input type="text" name="utilisateur">';
echo '<br>pass<input type="text" name="pass">';
echo '<br>Téléphone<input type="text" name="Téléphone">';
 
echo '<input type="submit" value="valider" onclick="conf()">';
 
?>
 
<script>
function conf(){
var nom='&nom='+document.getElementById('nom').value;
var prénom='&prénom='+document.getElementById('prénom').value;
var utilisateur='&utilisateur='+document.getElementById('utilisateur').value;
var pass='&pass='+document.getElementById('pass').value;
var Téléphone='&Téléphone='+document.getElementById('Téléphone').value;
 
}
</script>

voici les 2 page ajouter vendeur functione bien seul mais dans le div ca marche pas

[Bovino]

C'est expliqué dans la
http://javascript.developpez.com/faq/?page=Ajax#majAjax

[bailamos]

C'est expliqué dans la
http://javascript.developpez.com/faq/?page=Ajax#majAjax

merci mais je ne sais pas quoi ecrire dans cette function afterAjax

[Bovino]

Ben par exemple, tu ajoutes à ton submit un id (disons id="soumettre") et dans afterAjax :

Code :

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

document.getElementById('soumettre').onclick = conf;

[bailamos]

Ben par exemple, tu ajoutes à ton submit un id (disons id="soumettre") et dans afterAjax :

Code :

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

document.getElementById('soumettre').onclick = conf;

meme commeça la fonction n'est pas reconnue

[Bovino]

Désolé, je n'avais pas fait attention que ta fonction JavaScript faisait partie de la réponse renvoyée par le serveur.
Le problème, c'est que pour des raisons entre autre de sécurité, le code JavaScript intégré à une réponse serveur n'est pas évaluée. Il faut donc soit séparé les différents éléments de la réponse soit intégrer directement ta fonction dans le code initial.

[michaelcourcy]

Désolé, je n'avais pas fait attention que ta fonction JavaScript faisait partie de la réponse renvoyée par le serveur.
Le problème, c'est que pour des raisons entre autre de sécurité, le code JavaScript intégré à une réponse serveur n'est pas évaluée. Il faut donc soit séparé les différents éléments de la réponse soit intégrer directement ta fonction dans le code initial.

Soit faire un eval comme je le propose dans mon premier post ... Mais c'est clairement pas la solution la plus jolie. La solution de Bovino est meilleure, pour le debuggage par exemple avec firebug ce sera beaucoup plus simple.

[krolineeeeeeee]

Autre solution, utiliser le JQuery, et là, à chaque mise à jour via Ajax, le script est rechargé...

[Bovino]

Autre solution, utiliser le JQuery, et là, à chaque mise à jour via Ajax, le script est rechargé...

jQuery ne fait pas cela par magie
En intenre, c'est bien le fonctionnement décrit qui est réalisé...