Exécuter un javascript dans une page PHP chargée par AJAXRésolu

Question

Bonjour tout le monde,

Tout d'abord, merci de me lire!
Bon ensuite, pour ce qui m'intéresse : j’ai une application intranet, donc je peut utiliser le javascript à loisir, il n’y à pas de problèmes ! Dans le menu cette application, je charge une page qui contient une liste extraite de ma base de données. Mais ce que je veut aussi, c’est qu’il y ai une fonction javascript qui cache certaines lignes (chose que je pourrais faire en php, mais je préfère le javascript). Ma fonction JS, je la déclarais au chargement de la page lorsque j’incluais ma page avec un include (donc page blanche en attente de l’affichage..). Mais maintenant, avec l’inclusion en AJAX, ma fonction JS ne s’exécute plus. Même lorsque je la met directement dans le code de la page html…

Savez vous pourquoi ? Auriez-vous une idée de comment faire ? Ou dois-je abandonner ma fonction JS pour faire en php ? 

Merci beaucoup d'avance, j'espère avoir été clair, sinon, n'hésitez pas à me poser des questions

Merci encore!

   un site qui s'ameliore de jour en jour

cs_ju_p · Accepted Answer

Je me suis penchée plus précisément sur la question et voilà la bonne fonction !

function load_page(select,Conteneur) {
    var xhr2 = new_xhr();//On crée un nouvel objet XMLHttpRequest
    
    if(select!=""){
        xhr2.onreadystatechange = function(){
            if ( xhr2.readyState == 4 ){//Actions executées une fois le chargement fini
                if(xhr2.status  != 200){//Message si il se preoduit une erreur
                    document.getElementById(Conteneur).innerHTML ="Error code " + xhr2.status;
                } else {//On met le contenu du fichier externe dans la div
                    var c= document.getElementById(Conteneur);
                c.innerHTML = xhr2.responseText;
                var allscript = c.getElementsByTagName('script');
                   for(var i=0;i< allscript.length;i++){
                    eval(allscript[i].text);
                }
            } else {//Message affiché pendant le chargement
                document.getElementById(Conteneur).innerHTML = "Chargement en cours ...
";
            }
        }
        xhr2.open("GET", select, true);//Appel du fichier externe
        xhr2.send(null);
    }else{
        document.getElementById(Conteneur).innerHTML = "";
    }
    
}

Ju

cs_bultez · Answer

Bonjour,

    tu inclus la fonction js avec ajax ?
        c'est normal alors, finalement, pour être simple, on peut dire que le php retourne du texte...
         il y a des solutions pour faire... mais si on peut éviter,
            tant qu'à faire inituile d'alourdir...
         il doit y avoir un tuto, ou au moins des explications... sur CodesSources
        
    ta fonction est dans la page html ?    pas de raisons,
        sauf qu'elle ne doit pas être déclenchée ou qu'il y a une erreur dans ce contexte.

<hr />                Cordialement             Bul

roro59650 · Answer

www.le-roro.fr un site qui s'ameliore de jour en jour

roro59650 · Answer

Bonjour Bultez, Toujours toi qui me réponds^^ ! En fait, ma fonction est incluse dans ma page html tel quel : Donc bon, je ne vois pas trop où pourrais être une éventuelle erreur… Ce que je pige pas, c’est que si le php est bien exécuté, pourquoi pas le javascript ?! Enfin, merci de ta réponse, je continue de fouiner sur le net et CodesSources ! un site qui s'ameliore de jour en jour

cs_bultez · Answer

>>ce que je pige pas, c'est que si le php est bien exécuté, pourquoi pas le javascript ?!
    le php renvoie du texte.
    si c'est "php classique", ce texte sera interprété, donc le javascript exécuté
    si c'est "ajax",  la réponse de php est mise dans une variable javascript... 
        tu en fais ce que tu veux, et si tu veux y exécuter le javascript peut-être contenu... 
        à toi de faire.
        pas si simple !!!   même si des exemples existent !
<hr />                Cordialement             Bul

cs_bultez · Answer

tu n'as d'ailleurs pas répondu à ma question? ce javascript existe dans la page ou est chargé avec AJAX ? et entre nous alert(« Test du boudin ! »); ou alert(" Test du boudin ! "); déjà peut-être ? soit c'est une erreur js, et dans ce cas, une erreur est affichée ** soit c'est chargé avec ajax, donc non exécuté ** ¡————————¡——————————————————————————————————————————————————————————¡ |FireFox |regarder la "console d'erreurs" | | | Outils / Console d'erreurs | | | | | | et mieux, télécharger FireBug | ¦————————¦——————————————————————————————————————————————————————————¦ |Internet|activer le deboggage : Outils/options Internet/Avancés | |Explorer| dans la liste, sous "Navigation" : décocher | | | ° Afficher une notification de chaque erreur de script | | | ° Désactiver le débogage de Scripts (Internet Explorer) | | | | | | et mieux, télécharger le Debogger IE | ¦————————¦——————————————————————————————————————————————————————————¦ |K—Meleon|regarder la "console d'erreurs" | | | Outils / Console d'erreurs | ¦————————¦——————————————————————————————————————————————————————————¦ |Opera |regarder la "console d'erreurs" | | | utils / Asole d'erreurs | ¦————————¦——————————————————————————————————————————————————————————¦ |Safari |regarder Debug / Show JavaScript Console | | | | | |modif Fichier "Support:\Documents and Settings\utilisateur| | |\Application Data\Apple Computer\Safari\Preferences.plist"| | | y ajouter IncludeDebugMenu | | | | !————————!——————————————————————————————————————————————————————————!

Cordialement Bul

roro59650 · Answer

Ok, merci pour tout !


Je pense que je pourrais réussir … si j’avais le temps !


Peut-être qu’un jour…


Enfin bref, je vais passer à une version php + ajax, mais en remplaçant la fonction javascript par un bon « LIMIT » dans ma requête !


Sur ce, bonne après-midi, et merci encore biloute ! (j’suis du ch’Nord hein, l’prend pas mal^^).






   un site qui s'ameliore de jour en jour

roro59650 · Answer

Pour la non-réponse à ta question : En fait, ma fonction est incluse dans ma page html tel quel : Donc bon, je ne vois pas trop où pourrais être une éventuelle erreur. cf : plus haut... Et les guillemets sont dûes à Word, c'est des " en fait. Donc voilà quoi. Tant pi pour l'Ajax! Merci encore! un site qui s'ameliore de jour en jour

roro59650 · Answer

Enfin, pour être vraiment clair, ma fonction se trouve dans le code HTML de la page php qui est chargée par l'Ajax.

   un site qui s'ameliore de jour en jour

cs_bultez · Answer

>ma fonction se trouve dans le code HTML de la page php qui est chargée par l'Ajax.
    donc aucune raison, sauf les "     ;o)
    avec FF ( par exemple )

Erreur : illegal character
Fichier source : file:///D:/Temp/new%201.htm
Ligne : 5, Colonne : 18    ( et ça pointe le « )
Code source :
            alert(« Test du boudin ! »);

    ou il se produit une erreur avant d'arriver là....
<hr />                Cordialement             Bul

cs_bultez · Answer

et fainalement 
>>ma fonction se trouve dans le code HTML de la page php qui est chargée par l'Ajax
    ce n'est pas si clair que cela...
        soit c'est dans le html                ça baigne
        soit c'est chargé avec ajax      non exécuté
    
<hr />                Cordialement             Bul

cs_bultez · Answer

soyons très,très  précis    ;o)
    si tu enlèves ajax...    
        ce javascript est-il là ?    oui    : plante-t-il ?
<hr />                Cordialement             Bul

roro59650 · Answer

Pfiou, c'est l'aprem, et j'ai du mal^^. En fait, les "« " sont dûs à Word, là ou j'ai tapé le message. Mais sinon, dans le code, c'est bien des doubles quotes comme ça : ". J'ai une debug bar sur IE, c'est pas super, mais on voit quand il y a des erreurs. J'ai essayé de charger une page HTML avec ajax. Voilà le code HTML : Test Ajax Coucou koko! Et la fonction Ajax : //Fonction AJAX qui ouvre une page dans la balise "CorpsPage" de la page principale function ChargementPage(url) { var url = "Test/TestAjax.html"; var xhr_object = null; if(window.XMLHttpRequest) xhr_object = new XMLHttpRequest(); else if (window.ActiveXObject) xhr_object = new ActiveXObject("Microsoft.XMLHTTP"); // On ouvre la requete vers la page désirée xhr_object.open("GET", url, true); xhr_object.onreadystatechange = function(){ if ( xhr_object.readyState == 4 ) { // j'affiche dans la DIV spécifiée le contenu retourné par le fichier document.getElementById('CorpsPage').innerHTML = xhr_object.responseText; } } // dans le cas du get xhr_object.send(null); alert("Chargement fait!"); } Enfin, il reste bien des mystères! un site qui s'ameliore de jour en jour

roro59650 · Answer

www.le-roro.fr un site qui s'ameliore de jour en jour

roro59650 · Answer

Je me suis trompé dans le code HTML pour le javascript. Voici le bon code : Test Ajax Coucou koko! Et cette page marche très bien lancée directement sur IE! un site qui s'ameliore de jour en jour

cs_bultez · Answer

>>Et cette page marche très bien lancée directement sur IE!
    très bien    ( ça me rassure ! )

    puis tu essayes de la charger avec ajax ?
        et le javascript n'est pas exécuté ?
       comme expliqué : c'est normal !
       avec ajax, c'est renvoyé dans une variable, donc non interprété.    
    
    on est d'accord là ?

<hr />                Cordialement             Bul

roro59650 · Answer

Huuum, d'accord. Il me semble voir un peu le bout du tunnel là! Ok. Donc l'Ajax charge la page php, html ou autre, "prends" le texte de résultat, et la met dans une variable. Puis, elle affiche le texte grâce à l'innerHTML. J'espère avoir compris^^. C'est donc pour ça que la page php chargée avec Ajax ne reconnait pas les variables php de la page contenante! Bon ok, merci pour ces éclairages!! Et sinon, une autre question^^ : J'ai une page qui a plusieurs liens Ajax dedans, du type : [javascript:ChargementPage('Test/TestAjax.html'); Nom - Prénom]. Avec la même fonction Ajax que j'ai donné plus haut, en ayant enlevé le "var url = ..." bien sûr. Mais bien évidemment, aucune ne marche... Voilà, si t'a une idée... Après, j'arrête, promis! un site qui s'ameliore de jour en jour

cs_bultez · Answer

>>
                        
                       Donc l'Ajax charge 
    pas tout à fait.
    javascript appelle un php avec ajax
        qui répond dans une variable javascript

>>la page php chargée avec Ajax ne reconnait pas les variables php de
la page contenante!
    pas tout à fait.
    ça ne se déroule ni sur la même machine, ni en même temps
    coté serveur :
        le php "génère" un (disons) fichier    et le renvoie
            puis il se termine, n'existe plus.
        il ne sait pas comment il a été appelé.
    cote client ( html/javascript )
            si c'est un appel "normal" ( formulaire ... ), la réponse

                    est affichée, donc interprétée

           si c'est un appel ajax ==> variable javascript

            mais php : y'en a plus. seule subsiste le fichier généré.

>>la même fonction Ajax que j'ai donné plus haut,     aucune ne marche.
    doit y avoir une erreur....
    nombreux exemples partout        en voici un, choisi au hasard ;o)  : TAG
    regarde et si tu ne t'en sort pas : poser une nouvelle question ?

    

<hr />                Cordialement             Bul

roro59650 · Answer

Ok, merci beaucoup!
Je file, j'ai mon train!
Merci encore pour tout!
Et bonne soirée!

   un site qui s'ameliore de jour en jour

cs_ju_p · Answer

Bonjour,

Pour pouvoir exécuter du javascript dans une page chargée en ajax il te faut utiliser la fonction eval().
Dans ta fonction ajax qui charge la page, au lieu d'écrire :
document.getElementById(Conteneur).innerHTML = xhr2.responseText'; (par exemple)
il te faut mettre :
document.getElementById(Conteneur).innerHTML = eval('xhr2.responseText');

Ju

cs_bultez · Answer

salut ju_p,
    ça peut effectivement le faire...
    mais si le php retourne une page html "complète", avec plusieurs function javascript....    ?
<hr />                Cordialement             Bul

cs_ju_p · Answer

Bonjour bultez,

Les pages html (ou php) chargée via ajax n'interpretent pas le code javascript, c'est le role d'eval qui le fait a la perfection.
J'ai eu, il y a qques temps, le même pb que roro 596500 et eval() l'a solutionné.

Ju

roro59650 · Answer

Bonjour,
Tout d'abord, merci d'avoir répondu et donné des idées!
Je dois mal m'y prendre, mais je n'y arrive pas avec le fameux eval().


Voilà ma fonction Ajax :



//Fonction AJAX qui ouvre une page dans la balise "CorpsPage" de la page principale
function ChargementPage(url)
{
var url = "Test/TestAjax.html";
 var xhr_object = null;
    if(window.XMLHttpRequest)  xhr_object = new XMLHttpRequest();
   else
     if (window.ActiveXObject)  xhr_object = new ActiveXObject("Microsoft.XMLHTTP");

 // On ouvre la requete vers la page désirée
 xhr_object.open("GET", url, true);
 xhr_object.onreadystatechange = function(){
  if ( xhr_object.readyState == 4 )
  {
   // j'affiche dans la DIV spécifiée le contenu retourné par le fichier
   document.getElementById('CorpsPage').innerHTML = eval('xhr_object.responseText');
  }
 }
 // dans le cas du get
 xhr_object.send(null);

 alert("Chargement fait!");
}

Aurais-je fais une erreur? Un oubli?
Car le alert("Test du boudin!"); dans les pages chargée par l'Ajax ne s'executent toujours pas...
J'ai farfouiné sur le net, et il y a un site qui dit qu'il faut mettre window.eval(), ou faire un var global = this puis global.eval()
Le site en question
Merci encore d'avance!

   un site qui s'ameliore de jour en jour

cs_bultez · Answer

document.getElementById('CorpsPage').innerHTML = eval('xhr_object.responseText')

    ah ben non....
    
    
eval(xhr_object.responseText); 

    ( à priori donc uniquement si c'est du javascript qui est retoruné,
        sauf si ju_p    a testé le contaire... )


<hr />                Cordialement             Bul

roro59650 · Answer

Oui, pour que ça marche, il faut que ça ne soit un fichier avec QUE du javascript, sinon il n'affiche rien... Donc moi, je cherche une solution entre les deux^^.
Peut-être charger ma page php, puis charger ma page Javascript.
Je vais essayer... 

   un site qui s'ameliore de jour en jour

cs_ju_p · Answer

Voici la fonction que j'utilise qui me permet de charger une page via ajax :

function load_page(select,Conteneur) {
    var xhr2 = new_xhr();//On crée un nouvel objet XMLHttpRequest
    
    if(select!=""){
        xhr2.onreadystatechange = function(){
            if ( xhr2.readyState == 4 ){//Actions executées une fois le chargement fini
                if(xhr2.status  != 200){//Message si il se produit une erreur
                    document.getElementById(Conteneur).innerHTML ="Error code " + xhr2.status;
                } else {//On met le contenu du fichier externe dans la div
                    document.getElementById(Conteneur).innerHTML = eval('xhr2.responseText');
                }
            } else {//Message affiché pendant le chargement
                document.getElementById(Conteneur).innerHTML = "Chargement en cours ...
";
            }
        }
        xhr2.open("GET", select, true);//Appel du fichier externe
        xhr2.send(null);
    }else{
        document.getElementById(Conteneur).innerHTML = "";
    }
    
}

La page qui est chargé est une page php contenant une ligne de javascript (dans mon cas, il s'agit d'une redirection de page : window.location.href ........).
Je ne sais que dire de plus. Moi ca marche parfaitement bien tel que c'est écrit.

Ju

cs_ju_p · Answer

En relisant mon précédent message, il me semble que cela peut préter à confusion : j'ai écrit que ma page chargée via ajax ne contient qu'une ligne de javascript.
C'est là que je me suis mal éxprimée : c'est en fait une page php normale( html + php) avec en plus une ligne de javascript.
Par contre, il ne faut pas oublier de mettre les header adéquats dans la parge chargée.

Ju

roro59650 · Answer

Chez moi, ça ne marche pas. Ma page appelée est une page HTML, avec du Javascript dedans : Balise1 Page de la première balise Donc voilà quoi. Et puis, il faut dire que "new-xhr()" est une fonction qui créé l'objet XMLTHttpRequest. Enfin, il commence à saouler l'Ajax! Je pense aller faire une lessive... Merci en tous cas à toi ju_p! T'a un lien avec Alain (Juppé^^)? Enfin, je continue tout de même à tester malgré tout... Merci encore! un site qui s'ameliore de jour en jour

cs_bultez · Answer

eval ne fonctionne que si Javascript pur, ce que je pensais.... exemple ? la page principale : javascript pur javascript et HTML le "php", js pur "Executer JS avec Ajaxpur.php" alert("c'est ok"); ça baigne.... le php, html +js "Executer JS avec Ajaxhtm.php" erreur sur la ligne eval. ce qui me semble normal ( dans du javascript, ça ne lui plait pas ... ) commets-je une erreur ? il manque quelque chose dans "Executer JS avec Ajaxhtm.php" perso ce que je vois, si c'est une page html qui est renvoyée, c'est dans extraire le js ( substring, expression régulières, dom ... ) de la page créer une fonction js en dynamique et l'ex"cuter ou autres solutions.... franchement.... comme généralement c'est totalement inutile, je m'en passerai ....

Cordialement Bul

dmk04 · Answer

Salut, j'ai un peu le même problème que roro, je souhaite utiliser du code JS que j'ai récupéré via une requête Ajax. J'ai essayé ta fonction load_page, elle marche très bien pour exécuter du code JS. Par contre j'ai essayé de définir une fonction JS (ce qui m'intéresse beaucoup plus), mais ca ne marche pas. Voici le code récupéré avec Ajax : [javascript:test() Ya du code HTML !] Lorsque je clique sur le liens, rien ne se passe. Se pourrait-il que le navigateur cherche la fonction JS dans le code source de la page ? Ca expliquerait que ça ne marche pas, car lorsque l'on affiche le code source de la page, il n'y a que le code source d'origine, sans les modifs faites avec Ajax, et donc sans ma fonction test()...

XtremDuke · Answer

Tu as essayé de faire un 'eval' sur le flux que tu récupère ?

cs_bultez · Answer

eval ne fonctionnera que s'il n'y a que du javascript dans la reponse
    sinon, ça va "planter" sur les balises html.
( eval est une instruction javascript qui traite exclusivement du javascript )
    regarde l'exemple que j'ai mis xtremDuke.

la seule solution (?) c'est de traiter/d'extraire le javascript dans la réponse
   ( dom ou autres, comme ce qu'à proposé ju_p par exemple,
      pas sûr d'ailleurs, en l'état, que ça fonctionne avec tous les navigateurs )

<hr />                Cordialement             Bul

dmk04 · Answer

La méthode de ju_p marche pour extraire le code JavaScript et faire un eval dessus, mais les fonctions ne passent pas...

cs_bultez · Answer

bien entendu dmk04.    c'est un eval, pas autre  chose.
les fonctions faudrait les créer en dynamique.

vous voulez mon avis ?
vous êtes en train de vouloir refaire, avec ajax, la même chose
que se qui se passe en envoyant un formulaire.... envoyer donc un formulaire.

<hr />                Cordialement             Bul

roro59650 · Answer

Oui c'est vrai que ce que je veut faire c'est faisable avec un formulaire, mais je voulais garder la structure autour lors du chargement de la page(moins stressant pour l'utilisateur...). Et je ne veux pas utiliser les frames^^.
Enfin, je fais pour que le temps soit le plus petit possible entre les changements.
Merci pour ces réponses bien matinales!

   un site qui s'ameliore de jour en jour

roro59650 · Answer

Il n'empèche que la fonction de ju_p marche très bien sur IE, et c'est ce qui m'interessait. Mais maintenant que j'ai tout prévu autrement... Mais bon, je lui met réponse acceptée!

   un site qui s'ameliore de jour en jour

dmk04 · Answer

"les fonctions faudrait les créer en dynamique.", c'est à dire ?

Sinon, vu que les fonction que je crée n'ont que 2 ou 3 lignes, je vais y entrer en "dur" dans le lien, se sera pas très propre, mais ça devrait marcher je pense.

merci à tous.

XtremDuke · Answer

"je souhaite utiliser du code JS que j'ai récupéré via une requête Ajax"

Bultez : "eval ne fonctionnera que s'il n'y a que du javascript dans la reponse sinon, ça va "planter" sur les balises html."

D'où ma réponse.

XtremDuke · Answer

Apres , si tu as du code Html ds ton flux, je te conseilles de fouiller ds des frameworks tels que 'prototype' et de voir comment ils se débrouillent pour extraire uniquement le JS (d'ailleur c'est tres instructif)

cs_bultez · Answer

Bien sûr XtremDuke, tu as parfaitement raison, et comme ça : ça marcherait, même si c'est disons, curieux, de faire comme ça... ( ce n'est que mon avis ! ) en même temps ce qui était reçu : [javascript:test() Ya du code HTML !]

Cordialement Bul

Exécuter un javascript dans une page PHP chargée par AJAX

40 réponses

Votre réponse

Discussions similaires