IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

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


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    201
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France, Nord (Nord Pas de Calais)

    Informations forums :
    Inscription : Avril 2006
    Messages : 201
    Par défaut [.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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    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
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    201
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France, Nord (Nord Pas de Calais)

    Informations forums :
    Inscription : Avril 2006
    Messages : 201
    Par défaut
    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.

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    donc
    => get
    puis append

    si le code retourné par le serveur contient le script, celui ci sera interprété
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  5. #5
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    201
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France, Nord (Nord Pas de Calais)

    Informations forums :
    Inscription : Avril 2006
    Messages : 201
    Par défaut
    Hello,

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

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    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 ?

  6. #6
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    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 ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

Discussions similaires

  1. Réponses: 6
    Dernier message: 22/08/2012, 00h23
  2. Afficher une image loading en attendant que la page se charge
    Par toddy_101 dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 09/02/2007, 13h35
  3. Afficher une image loading en attendant que la page se charge
    Par toddy_101 dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 09/02/2007, 11h45
  4. [JSP] Fragments de page fantôme
    Par ze veritable farf dans le forum Servlets/JSP
    Réponses: 1
    Dernier message: 10/08/2006, 12h12
  5. Insérer une image dans un fragment de page jspf
    Par ze veritable farf dans le forum Servlets/JSP
    Réponses: 7
    Dernier message: 09/05/2006, 10h43

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo