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

JavaScript Discussion :

Ne reloader que le iframe et non la page en cours


Sujet :

JavaScript

  1. #1
    Membre à l'essai
    Inscrit en
    Novembre 2008
    Messages
    16
    Détails du profil
    Informations forums :
    Inscription : Novembre 2008
    Messages : 16
    Points : 12
    Points
    12
    Par défaut Ne reloader que le iframe et non la page en cours
    Bonjour à tous,

    Dans une page web, j'appelle un iframe à qui j'envoi différentes variables php issu d'un formulaire se trouvant sur cette même page.

    Voici un exemple :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <input name="societe" type="text" value="<? echo stripslashes($societe); ?>" onChange="form.submit();">
    ceci entraine la mise à jour du contenu de la iframe car la variable lui est envoyée :
    <iframe name="std" src="cps_tion.php?societe=<? echo stripslashes($societe); ?>" width="380" height="270" align="middle"></iframe>
    C'est bien, ça marche me direz-vous !
    Cependant je voudrais mieux : je voudrais que sur l'évènement onChange seule la iframe se reload et non pas ma page web tout entière !
    (Attention : il faut impérativement que ma variable "societe" soit envoyée dans le iframe !)

    Merci pour votre aide ainsi que pour votre intérêt !

  2. #2
    Expert confirmé
    Homme Profil pro
    Inscrit en
    Septembre 2006
    Messages
    2 953
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations forums :
    Inscription : Septembre 2006
    Messages : 2 953
    Points : 4 379
    Points
    4 379
    Par défaut
    Citation Envoyé par cdo22 Voir le message
    Bonjour à tous,

    Dans une page web, j'appelle un iframe à qui j'envoi différentes variables php issu d'un formulaire se trouvant sur cette même page.

    Voici un exemple :
    <input name="societe" type="text" value="<? echo stripslashes($societe); ?>" onChange="form.submit();">
    ceci entraine la mise à jour du contenu de la iframe car la variable lui est envoyée :
    <iframe name="std" src="cps_tion.php?societe=<? echo stripslashes($societe); ?>" width="380" height="270" align="middle"></iframe>

    C'est bien, ça marche me direz-vous !
    Cependant je voudrais mieux : je voudrais que sur l'évènement onChange seule la iframe se reload et non pas ma page web tout entière !
    (Attention : il faut impérativement que ma variable "societe" soit envoyée dans le iframe !)

    Merci pour votre aide ainsi que pour votre intérêt !
    il faut donc qu'à la construction du code HTML de la page, le PHP écrive la valeur de la variable dans le code Javascript du onChange, et que celui-ci change l'attribut 'src' du iframe…


    PS
    le echo stripslashes($societe) du src="cps_tion.php?societe=…" n'est pas suffisant : il faut aussi que la chaîne soit escapée pour être acceptable en tant que URL ! (les espaces convertis en %20, etc… )

  3. #3
    Membre à l'essai
    Inscrit en
    Novembre 2008
    Messages
    16
    Détails du profil
    Informations forums :
    Inscription : Novembre 2008
    Messages : 16
    Points : 12
    Points
    12
    Par défaut
    il faut donc qu'à la construction du code HTML de la page, le PHP écrive la valeur de la variable dans le code Javascript du onChange, et que celui-ci change l'attribut 'src' du iframe…
    et comment fait-on celà ?

  4. #4
    Membre expérimenté
    Avatar de Jumano
    Profil pro
    Inscrit en
    Février 2007
    Messages
    1 163
    Détails du profil
    Informations personnelles :
    Âge : 56
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Février 2007
    Messages : 1 163
    Points : 1 595
    Points
    1 595
    Par défaut
    Bonjour,
    Une recherche dans la FAQ Javascript t'aurait permis de trouver une piste.

  5. #5
    Membre à l'essai
    Inscrit en
    Novembre 2008
    Messages
    16
    Détails du profil
    Informations forums :
    Inscription : Novembre 2008
    Messages : 16
    Points : 12
    Points
    12
    Par défaut
    je te remercie pour ta réponse, mais celà ne résoud pas mon problème.
    Si je remplace ceci onChange="form.submit();"
    par
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    onChange="top.document.std.location.replace(cps_tion.php?societe=<? echo stripslashes($societe); ?>);
    le contenu de ma variable "societe" n'est pas envoyé

  6. #6
    Membre expérimenté
    Avatar de Jumano
    Profil pro
    Inscrit en
    Février 2007
    Messages
    1 163
    Détails du profil
    Informations personnelles :
    Âge : 56
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Février 2007
    Messages : 1 163
    Points : 1 595
    Points
    1 595
    Par défaut
    Re,
    Essaye ceci :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    <script type="text/javascript">
    function maj_iframe(){
    var nom = document.getElementById('societe').value; //on récupère la valeur du champs "societe"
    std.location.replace('cps_tion.php?societe='+nom); //on passe la variable dans l'url
    }
    </script>
    Ajoute un "id" à ton champs "societe" et modifie comme ceci :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <input name="societe" id="societe" type="text" value="<?php echo stripslashes($societe); ?>" onChange="maj_iframe();">
    ceci entraine la mise à jour du contenu de la iframe car la variable lui est envoyée :
    <iframe name="std" src="cps_tion.php?societe=<?php echo stripslashes($societe); ?>" width="380" height="270" align="middle"></iframe>

  7. #7
    Membre à l'essai
    Inscrit en
    Novembre 2008
    Messages
    16
    Détails du profil
    Informations forums :
    Inscription : Novembre 2008
    Messages : 16
    Points : 12
    Points
    12
    Par défaut
    oui, cette fois c'est bon !
    je te remercie pour ton aide

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

Discussions similaires

  1. Lien qui s'ouvre dans l'iframe et non comme voulu dans la page principale
    Par 28ToM47 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 0
    Dernier message: 26/02/2009, 00h20
  2. Ouvrir l'iframe sur la même page que ma page principale
    Par beegees dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 02/10/2008, 17h52
  3. Réponses: 2
    Dernier message: 08/04/2008, 19h11
  4. Que contiennent les index Non Cluster dans SQL 2005
    Par ygrim dans le forum MS SQL Server
    Réponses: 2
    Dernier message: 04/03/2008, 16h01
  5. Réponses: 4
    Dernier message: 22/05/2007, 09h22

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