[.load()] charger un fragment de page et ses scripts

Bonjour à tous,

Dans mon application je souhaite charger un fragment de page dans un popup modal. jusque là pas de problème ni avec la modal ni avec le fait de charger un fragment de page.

Code:

---

1 2 3 4 5 6 7 8

jQuery(document).ready(function(){ $('[name="addButton"]').click(function() { var url = 'uneURlBidon #laDivQueJeVeuxAfficher'; $('div#mon-modal').load(url).modal({backdrop: true, modal: true, show:true}); $.getScript(url); }); });

---

ce bout de code fonctionne donc plutôt bien.
Le problème c'est qu'en ne chargeant qu'une div de la page, je ne charge pas les script présent dans cette même page.

Comment puis-je faire pour charger dans mon popup mon fragment de page + les scripts utilisés par ce fragment.

Petite précision : les scripts ne sont pas dans un .js, ils sont directement dans ma page.


merci d'avance de vos conseils

Sujet déja traité ...

http://www.developpez.net/forums/d12...nu-charge-get/
http://www.developpez.net/forums/d12...l-charge-load/

le load n'interprète pas les scripts contenus dans le retour.
passe plutot par get ou post avec un dataType html et un appedn sur le callback

Salut,

d'abord merci pour ta réponse, cependant /

Ce n'est pas que le load n’interprète pas le retour mais plutôt que le retour ne contient pas les scripts (voir le code source de jquery)

Avec un appel ajax je peux en effet, sans problème récupérer la page que je veux afficher ensuite avec un find() je peux récupérer la div à afficher en particulier.

mais après le find je n'ai encore une fois plus les scripts javascript.

donc
=> get
puis append

si le code retourné par le serveur contient le script, celui ci sera interprété

Hello,

Je ne suis pas certain de comprendre où tu veux en venir, j'ai :

Code:

---

1 2 3 4

$.get(url, function(data) { $('div#mon-modal').html(data).modal({backdrop: true, modal: true, show:true}); });

---

déjà premier problème, il me charge ma page en entier alors que je ne souhaite avoir qu'une div de cette page.

Deuxième problème, je pense que si je sélectionne uniquement ma div, je n'aurais plus le code javascript.

Comment vois tu les choses ?

ton url doit contenir l'id du div à charger

tu as également oublié de preciser le dataType
ensuite j'ai dit pas html() du retour ...
mais append ...

Hello,

merci de ta réponse,

j'ai modifié mon code en conséquence :

Code:

---

1 2 3 4 5 6

var url = 'monURL #maDiv';   $.get(url, function(data) { $('div#mon-modal').append(data).modal({backdrop: true, modal: true, show:true}); }, "html");

---

Cependant il ne semble pas tenir compte du selecteur et continu à charger la page dans son intégralité.

ps : Je suis en JQuery 1.5.1, ca peut jouer ?

A priori le get ne peut pas pointer sur un élement de la page
fais le au niveau du retour

Code:

---

1 2	$('div#mon-modal').append($(data).find('#maDiv') ).modal({backdrop: true, modal: true, show:true});

---