[AJAX] Script .js dans le <head> via Ajax?

**dqniel** · 14/05/2011, 22h42

Bonjour,
Actuellement je fais une requête xhr pour envoyer une page php dynamiquement par innerhtml dans une div, jusque là tout se passe bien.

Mais mes scripts .js externes qui sont appelés dans le <head> de cette page php ne sont pas lancés une fois le contenu de cette page php injectée dynamiquement, alors que quand je lance la page php directement sans passer par injection innerhtml les scripts fonctionnent sur la page php...

On m'a dit que le contenu des balises <head> ne passaient pas par ajax...
alors j'ai essayé de mettre les scripts externes directement dans la page qui reçoit l'injection, mais les scripts ne semblent pas la prendre en compte.

Comment resussir a appliquer ces scripts externes sur le contenu injecté dynamiquement?

voici ma requete xhr:

Code :

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

1
2
3
4
5
6
7
8
9
10
var xhr = getXhr()   
xhr.onreadystatechange = function()   
{   
if(xhr.readyState == 4 && xhr.status == 200)   
  {   
    resultat =(xhr.responseText);   
  }   
}   
xhr.open("POST","page.php",true);   
xhr.send(null);

et mon inner html:

Code :

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

1
2
3
4
5
6
7
8
9
 
$('div1').addEvents({
    mouseenter: function(){
 
      this.innerHTML= resultat;   
      ;
},
mouseleave:function(){
...

Merci pour votre aide

**madevilts** · 16/05/2011, 17h47

En fait, tu reçois une page contenant une balise script et que tu places dans un div via le .innerHTML ?

.innerHTML comme son nom l'indique, traite du html à l'intérieur d'une balise. Néanmoins il n'interprète pas le javascript !

Plusieurs solutions s'offrent à toi :
- envoyer le javascript séparément du contenu html pour ensuite faire un eval() du script
- avoir chargé le javascript au début pour t'en servir plus tard
- utiliser un framework qui gère ce souci (jQuery avec la méthode .html par exemple)

**Bovino** · 17/05/2011, 14h10

Actuellement je fais une requête xhr pour envoyer une page php dynamiquement par innerhtml dans une div, jusque là tout se passe bien.

Oui, jusque là, pas de problème, sauf que

Mais mes scripts .js externes qui sont appelés dans le <head> de cette page php ne sont pas lancés une fois le contenu de cette page php injectée dynamiquement, alors que quand je lance la page php directement sans passer par injection innerhtml les scripts fonctionnent sur la page php...

là, ça pose un gros problème : tu ne peux et ne dois pas insérer une page complète dans une div ! L'utilisation d'AJAX dans ce cas implique de ne renvoyer qu'une portion de HTML qui une fois insérée dans le document gardera celui-ci valide.

**dqniel** · 17/05/2011, 14h37

Oui j'ai corrigé ca, je fais appel aux scripts directement dans la page qui contient la div réceptrice désormais.

Le problème est que je ne peux pas utiliser de Jquery, car j'utilise déjà du mootools pour l'event mouseenter et aussi pour le lightbox (script que je voudrais d'ailleurs charger)...
On m'a parlé des assets sinon pour faire appel aux scripts, et de les charger ensuite.
mais je ne sais pas trop comment le faire ni si ca marchera...

Code :

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

new Asset.javascript(URL, onload : function() { maFonction(); });

[AJAX] Script .js dans le <head> via Ajax?

AJAX

Discussions similaires

Partager

Partager