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 :

Récupérer le contenu d'un iframe


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre chevronné
    Avatar de Rony Rauzduel
    Homme Profil pro
    En formation Architecte logiciel
    Inscrit en
    Décembre 2008
    Messages
    638
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 40
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : En formation Architecte logiciel
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Décembre 2008
    Messages : 638
    Par défaut Récupérer le contenu d'un iframe
    Bonjour à toutes et à tous,

    Les champs de type file ne pouvant être récupérés en Ajax, je suis passé par la création d'un élément HTML pour récupérer la réponse du serveur suite au traitement PHP.

    Mais je constate que la valeur de la variable que j'ai crée dans mon code Javascript n'est pas récupérée.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    var rep = $("#iframe").contents().find("span").html() ou .text();
    ne donne rien !

    Code javascript : 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
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
     
    $(function(){
    	// le chargement de la réponse du serveur se fera lors du clic sur le bouton de soumission du formulaire  
    	// ET NON AU CHARGEMENT DE LA PAGE!
    	$(":submit").click(function() { 
    		$("#iframe").load(function(event){
    			event.preventDefault();			
    			//$(".loader").show();
     
    			var rep = $("#iframe").contents().find("span");
    			alert(rep);	
     
    			success : 				
    				if(rep=="ok") {
    					$(".loader").hide(); // on cache le loader d'attente Ajax
    					$('.annonceSent').show("fast").text("l'upload s'est correctement effectué. Un email de confirmation a été envoyé");					
    					$('.annonceSent').fadeOut(6000);				
    					$("#annonceForm").find(':input').not(':submit').val("");					
    				} // fin if(rep=="ok")
    				if(rep.substr(0,6)=="Erreur") {
    					$(".loader").hide(); // on cache le loader d'attente Ajax				
    					$('.formErreur').show().text("Erreur lors de l'upload!");
    					$('.formErreur').fadeOut(5000);						
    				} // fin if(rep == "echec ou probleme")
    				if(rep.substr(0,7)=="Fichier") {
    					$(".loader").hide(); // on cache le loader d'attente Ajax
    					$('.formErreur').show().text("Le fichier uploadé est trop volumineux!");
    					$('.formErreur').fadeOut(5000);
    					$("#annonceForm").find(':input[type=file]').val(""); //récupère tous les input de type file
    				} // fin if(rep == "fichier")	
    				if((rep.substr(0,4)=="vide") || (rep.substr(0,7)=="Absence")) {
    					$(".loader").hide(); // on cache le loader d'attente Ajax
    					$("#titre").focus();
    					$('.formErreur').show().text("Veuillez remplir tous les champs!");
    					$('.formErreur').fadeOut(5000);
    				} // fin if(rep == "vide"ou "Absence")	
     
    		}); // fin $("#iframe")
    	}); // fin $(":submit").click()
    }); // fin $(function())

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
    <!-- utilisation de la balise iframe pour permettre la requête AJAX de l'upload de photos-->	
    			<iframe src="#" name ="iframe" id ="iframe"><?php include_once 'includes/inc_ajoutAnnonceArticle.php';?></iframe><!-- balise récupérant et affichant la réponse du serveur -->
    Merci d'avance.
    Transact.

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <iframe src="#" name ="iframe" id ="iframe"><?php include_once 'includes/inc_ajoutAnnonceArticle.php';?></iframe>
    Renseigne-toi d'abord sur la façon d'utiliser une iframe !
    Son contenu ne provient pas de ce qui est entre les balises mais du src.
    Ce qui est entre les balises est supposé être un contenu alternatif pour les navigateurs ne supportant pas les iframe !
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Membre chevronné
    Avatar de Rony Rauzduel
    Homme Profil pro
    En formation Architecte logiciel
    Inscrit en
    Décembre 2008
    Messages
    638
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 40
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : En formation Architecte logiciel
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Décembre 2008
    Messages : 638
    Par défaut
    Je constate que je parviens à récupérer la valeur de la variable rep en local mais une fois que le site est balancé sur le serveur je ne récupère pas cette valeur sur IE et Chrome.

  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
    j'avais étudié la question en js pur à l'époque
    http://www.developpez.net/forums/d94...-gerard-majax/
    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 !

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Récupérer contenu d'une iframe
    Par lemirandais dans le forum jQuery
    Réponses: 4
    Dernier message: 09/10/2013, 16h35
  2. Récupérer l'ID d'un champ contenu dans une iframe
    Par Thibault92 dans le forum Général JavaScript
    Réponses: 14
    Dernier message: 21/02/2012, 11h40
  3. [DOM] Récupérer le contenu XML affiché dans une Iframe
    Par esseki dans le forum Général JavaScript
    Réponses: 10
    Dernier message: 26/06/2008, 16h08
  4. Récupérer les données d'une iframe
    Par juli1 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 09/02/2005, 22h53
  5. [Balise XML] Comment récupérer le contenu entre 2 balise?
    Par ZoumZoumMan dans le forum C++Builder
    Réponses: 5
    Dernier message: 05/03/2004, 16h36

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