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 :

Changer la location.href d'une iFrame.


Sujet :

JavaScript

  1. #1
    Membre actif
    Profil pro
    Inscrit en
    Mai 2004
    Messages
    551
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2004
    Messages : 551
    Points : 264
    Points
    264
    Par défaut Changer la location.href d'une iFrame.
    Salut,

    Je ne comprends pas, je n'arrive pas à changer la locatio.href d'une iframe, c'est pourtant qqchose que j'ai souvent fait.

    Voici le code:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <script language="JavaScript">
      function JS_show_video() {
        window.frames.IF_photos.location.href = "iframe_video.html" ;
      }
    </script>
    <div id="photos" style="filter:alpha(opacity=0);-moz-opacity:0;position: absolute; visibility: hidden">
      Version photos  
      <a onClick="JS_show_video() ;" href="#">Version video</a>
      <iframe name="IF_photos" id="IF_photos" src="gallery/index.php?categoryid=0&photo=mebr_000009.jpg&diapo=0&pref_size=1024&disfade=1&fs=0" style="background-color: transparent;" width="100%" marginheight="0" marginwidth="0" height="380px" scrolling="no" frameborder="0"></iframe>
    </div>
    J'ai aussi essayé comme ceci:
    IF_photos.location.href = "iframe_video.html" ;
    Mais ca ne marche pas non plus, pourtant on peut voir dans Firefox que ca charge bien une video sur youtube...

    Voici l'url de la page:
    http://www.cabinetmebr-avocats-toulouse.fr/test/
    Il faut cliquer sur "Photos des lieux" puis sur "Version video" pour lancer la fonction JS_show_video().

    Merci pour votre aide,
    Vincent.

    PS: Je viens de faire un test avec IE et ça marche pas, pour accéder à cette page il faut utiliser Firefox ou Safari...

  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 : 53
    Localisation : France, Gironde (Aquitaine)

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

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.IF_photos.src = "iframe_video.html" ;
    Non ?
    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 actif
    Profil pro
    Inscrit en
    Mai 2004
    Messages
    551
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2004
    Messages : 551
    Points : 264
    Points
    264
    Par défaut
    C'est vraiment bizarre, non ?

    Une idée: ça vient peut-être du fait que la partie principale, à savoir id="mainData":
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <td id="mainData" height="435px" style="padding-left:0px; padding-right:0px ; background-image: url(imgs/bg_main-bw.jpg);" style="filter: alpha(opacity=0);-moz-opacity: 0%;">
    a le contenu qui change via cette fonction:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    function changeMainContent() {
      document.getElementById('mainData').innerHTML = document.getElementById(mainData).innerHTML ;
      noClick = 0 ;
    }
    non ?

  4. #4
    Membre actif
    Profil pro
    Inscrit en
    Mai 2004
    Messages
    551
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2004
    Messages : 551
    Points : 264
    Points
    264
    Par défaut
    Salut,

    Bon, je me suis levé super tôt en espérant trouver la solution du matin mais rien du tout, cela ne fonctionne toujours pas.

    Alors, j'ai essayé de contourner le pb en mettant chacune des 2 iframes dans une div et en faisant un innerHTML pour permuter le contenu des <div> quand on clique sur "Version photos" ou "Version video", mais le pb reste le même: le contenu des <div> ne change pas comme si on ne faisait pas de innerHTML !
    Le pire, c'est qu'il n'y a pas de message d'erreur...

    Bref, je sèche complet là.

    Quelqu'un a une idée ?

    Merci,
    Vincent.

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

Discussions similaires

  1. Recuperer le href d'une iframe
    Par lagdu dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 21/11/2008, 21h39
  2. changer dynamiquement la taille d'une iframe
    Par yodark dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 13/02/2008, 10h44
  3. Changer la src d'une iframe
    Par defacta dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 01/12/2007, 14h01
  4. Changer la bordure d'une Iframe en cliquant
    Par laugal76 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 19/11/2007, 17h54
  5. je n'arrive pas à changer la propriété href d'une image lien
    Par Ekimasu dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 27/10/2005, 09h54

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