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 :

changement d'un iframe


Sujet :

JavaScript

  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Novembre 2008
    Messages
    77
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2008
    Messages : 77
    Par défaut changement d'un iframe
    j'ai un petit soucis pour charger un iframe en fonction d'une listbox.

    Voila, j'ai une page nommée "index.html" dans laquelle j'ai inséré 2 iframe "menu.html" et "contenu.html". Je souhaiterais que quand je choisit dans ma listbox, qui se trouve dans menu.html, que le iframe contenu.html soit changé par 1.html !

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    function Changepage(){
    var lien = document.getElementById('selector_pag').options[document.getElementById('selector_pag').selectedIndex].value;
    window.frame["contenu"].scr = lien+".html";
    }
    j'ai incorporé à la listbox la function avec un "onchange="

  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 : 55
    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
    Peut-être en utilisant la bonne syntaxe
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    window.frames["contenu"].src = lien+".html";
    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 confirmé
    Profil pro
    Inscrit en
    Novembre 2008
    Messages
    77
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2008
    Messages : 77
    Par défaut
    merci de ta réponse, j'ai tout de suite apporté les corrections ! mais toujours pareil.


    Code menu.html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    function Changepage(){
    var lien = document.getElementById('selector_pag').options[document.getElementById('selector_pag').selectedIndex].value;
    window.frames["contenu"].src = lien+".html";
    }

    Code index.html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
     
    <div id="contenedor">
    	<div id="Menu">
        	<iframe name="Menu" src="menu.html" width="190" height="500" frameborder="1"><p>Actualiza tu navegador!.</p></iframe>
     	</div>
      	<div id="contenido">
       	  <iframe name="contenu" id="contenu" src="contenido.html" width="570" height="500" frameborder="1"><p>Actualiza tu navegador!.</p></iframe>
      </div>	
    </div>

  4. #4
    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 : 55
    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
    Effectivement...
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    window.frames["contenu"]
    retourne l'objet window de la frame en question, qui ne possède donc pas de propriété src.
    Tu as donc deux possibilités :
    • Passer par la propriété location

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    window.frames["contenu"].location = lien+'.html';
    • Passer par la propriété src de la balise

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById('contenu').src = lien+'.html';
    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

  5. #5
    Membre confirmé
    Profil pro
    Inscrit en
    Novembre 2008
    Messages
    77
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2008
    Messages : 77
    Par défaut
    toujours pas

    le problème c'est que je suis sur la page menu.html et que je veux changer un iframe qui se trouve dans la page index.html

    en gros il faut que j'arrive à dire en javascript que lorsque l'on choisit "page 1", qu'on change le src de l'iframe qui est dans la page "index.html"

  6. #6
    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 : 55
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    top.frames["contenu"].location = lien+'.html';
    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

  7. #7
    Membre confirmé
    Profil pro
    Inscrit en
    Novembre 2008
    Messages
    77
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2008
    Messages : 77
    Par défaut
    Vraiment un grand merci !

    le code fonction à merveille. maintenant je vais chercher à comprendre pourquoi utiliser top

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

Discussions similaires

  1. changement url de plusieurs iframes
    Par dib258 dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 24/01/2011, 18h19
  2. [IE6] Changement de page courante dans un iframe
    Par maximus09 dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 07/12/2009, 13h32
  3. Changement de la source d'une iframe parent
    Par krfa1 dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 16/07/2008, 17h49
  4. changement de source d'une Iframe
    Par fouta dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 18/04/2007, 11h13
  5. Changement dynamique d'une iframe
    Par davids21 dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 04/05/2005, 13h30

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