exécuter dans une frame une fonction js

**laurentSc** · 17/03/2011, 17h18

Bonjour,

voilà ce que j'imagine : j'ai 2 frames ; la première comporte une liste déroulante et selon le choix de l'utilisateur, on lance dans la deuxième frame la fonction js qui va bien : le problème, c'est que la liste déroulante va comporter des liens et que ceux-ci attendent un fichier ; or, je voudrais lancer juste une fonction js qui appartiendrait au même fichier : comment faire ?

**laurentSc** · 18/03/2011, 12h28

Petit rectificatif : il ne s'agit pas d'une liste déroulante, mais d'un code js qui fait dérouler tout un texte. Le code est là ; un exemple est là.
J'avais aussi pensé à une solution à base d'un select ; or une contrainte forte est que tout le code soit dans le même fichier (c'est imposé par l'environnement dans lequel je me trouve), et comme l'action du select est dans un autre fichier...

**SpaceFrog** · 18/03/2011, 12h52

il y a dans les contributions un post qui decrit comment acceder aux élements entre fenetre mère et filles ...

**laurentSc** · 18/03/2011, 15h44

*dis-moi si le c'est à ce post-là que tu fais référence : j'aimerais avoir ta confirmation avant de passer du temps à chercher à le comprendre.

**SpaceFrog** · 18/03/2011, 16h02

c'est bien celui là

**laurentSc** · 19/03/2011, 21h44

Je souhaite m'inspirer du code basé sur une iframe, mais je n'arrive pas à supprimer le bouton de la page mère ; le code d'origine est :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
... <input type="button" value=">>Frame fille" onclick="transfertVersFille()">
 
<br><br>
 
Valeur transmise :
 
<div id="idDivParent"></div>
 
 <iframe id="maFrame" name="maFrame" src="frameFille.htm" style="height: 150px; width: 300px">
 
</iframe>...

et j'ai voulu le remplacer par :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
... <script>
transfertVersFille();
</script>
 
<br><br>
 
Valeur transmise :
 
<div id="idDivParent"></div>
  <iframe id="maFrame" name="maFrame" frameborder=0 src="frameFille.htm" style="height: 150px; width: 300px">
 
</iframe>...

pour supprimer l'appui sur un bouton et rendre le transfert mère/fille immédiat (ce n'est pas le but, mais juste un test ; je voudrais remplacer l'appui sur le bouton par autre chose) mais ce que j'ai fait ne marche pas ; et pour être sûr du test, voilà ce que j'ai mis côté fille :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
function affiche()
 
{
 document.getElementById("idDiv").innerHTML = 
 '<iframe src="http://www.google.com"></iframe>';
 
}

Or si je laisse le bouton, j'ai bien Google dans l'iframe fille mais pas dans mon cas ; sachant qu'on a :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
function transfertVersFille()
{
 
 /* var info = prompt("Valeur à transmettre ?");
  window.frames["maFrame"].data = info;*/
 
  window.frames["maFrame"].affiche(); 
}

Comment cela se fait-il ?

**nadox** · 19/03/2011, 23h04

Bonsoir,

La différence tient du fait que lorsque tu clique sur le bouton la frame existe déjà dans la page. Lorsque tu fait l'appel direct à la fonction transfertVersFille, la frame n'existe pas nécessairement dans le document...

Si tu déplace le bout de script qui fait l'appel en dessous de ton élément, tu auras plus de chance d'avoir le résultat attendu.

Mais comme tu semble avoir prévu de déclencher le mécanisme sur un événement, tu n'auras pas de problème.

**laurentSc** · 20/03/2011, 14h32

Merci pour ta réponse ; du coup, j'ai fait marché mon truc en appliquant un setTimeout à la fonction affiche().
Mais en fait, l'idéal serait de supprimer la frame et de mettre à la place un div, car je voudrais que tout le code soit dans un seul fichier (contrainte de mon environnement). Du coup, j'ai fait ça :

Code :

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
<head>...
<script type="text/javascript">
function affiche()
{
document.getElementById("idDiv").innerHTML = '<iframe src="http://www.google.com"></iframe>';
}
</script>
...
</head>
<body>
...
<div id="idDivParent">      
<script>affiche();</script>
</div>
<div id="idDiv">      </div>
...
</body>

Mais cela ne marche pas ; cela pourrait-il marcher et si oui, comment ?

**nadox** · 20/03/2011, 14h59

Bonjour,

Le problème reste le même.
Lors de l'affichage de la page par le navigateur, l'appel de la fonction affiche(); est effectué avant la création de la div.
Il faut donc mettre le script en dessous de la div pour avoir plus de chance que la div existe dans le DOM de la page au moment de l'appel.
Ou bien faire l'appel sur un événement de la page(après son chargement), comme le onclick du bouton.

Par quoi veux-tu remplacer le click sur le bouton, au juste ?

**laurentSc** · 20/03/2011, 15h19

Merci encore ; et j'ai de nouveau résolu le problème par

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
      <script>
setTimeout(affiche,1000);
      </script>

A la place du bouton click, je souhaite justement donner la possibilité de sélectionner un fichier (flv) (et le temps que l'utilisateur sélectionne le fichier, il n'y aura pas besoin de tempo), sachant que dans le div, je compte mettre un lecteur (flowpower) de ce fichier, afin d'afficher la video sélectionnée par l'utilisateur. (Et j'ai déjà le code pour lire un fichier unique).
Bon, je crois que je peux cocher "résolu".

exécuter dans une frame une fonction js

JavaScript

Discussions similaires

Partager

Partager