iframe menu - comment passer info à iframe contenu?

**livebe** · 12/09/2013, 11h48

Bonjour,

J'ai créer une page Web, avec un menu iframe et un contenu iframe, tel que le:
* Sur la gauche de la page, un menu constitué par une longue liste de vignettes(plusieurs centaines de jpeg) et leurs descriptions associés
* Sur la droite de la page, le contenu relafif au menu sélectionné.

Actuellement, si je clique sur une vignette menu, le contenu s'affiche. Néanmois, je désire en plus passer la description du menu à l'iframe contenu.

Le code de la page:

Code html :

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

1
2
3
4
<body>
<iframe id="Lmenu" src="ThumbMenu.htm"></iframe>
<iframe id="content" name="content"></iframe>
</body>

Le code de la page ThumbMenu.htm ressemble à ceci:

Code html :

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

1
2
3
4
5
6
7
8
9
10
<body>
<table border=1>
<tr><td><a href="embed/KO1EXf1.htm" target="content"><img src="KO1EXf1.jpg"></a></td><td>Pokinen<br>Sõpradele</td></tr>
<tr><td><a href="embed/4EH9FWw.htm" target="content"><img src="4EH9FWw.jpg"></a></td><td>Arque<br>ferente</td></tr>
<tr><td><a href="embed/3JGm48L.htm" target="content"><img src="3JGm48L.jpg"></a></td><td>Koité</td></tr>
<tr><td><a href="embed/TVTcGbz.htm" target="content"><img src="TVTcGbz.jpg"></a></td><td>Richard<br>Mhair</td></tr>
<tr><td><a href="embed/xoDwBrI.htm" target="content"><img src="xoDwBrI.jpg"></a></td><td>Matthias<br>dich</td></tr>
<tr><td><a href="embed/QTFudrq.htm" target="content"><img src="QTFudrq.jpg"></a></td><td>Balons</td></tr>
</table>
</body>

J'ignore si passer des infos d'un iframe à l'autre peut se faire uniquement en HTML5 ou il faut passer par JS.

Un essai infructueux:

Code :

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

1
2
3
4
5
6
function PasseInfo(videoID)
{
window.alert("test" + videoID);
parent.document.getElementById('content').location.href( "http://www.google.com" );
return false;
}

Merci.

**NoSmoking** · 13/09/2013, 18h18

Bonjour,

J'ignore si passer des infos d'un iframe à l'autre peut se faire uniquement en HTML5 ou il faut passer par JS.

ce sera en JavaScript, je déplace.

**Auteur** · 15/09/2013, 12h32

bonjour,

http://www.developpez.net/forums/d27...fenêtre enfant

**NoSmoking** · 15/09/2013, 12h37

Envoyé par Auteur

http://www.developpez.net/forums/d27...fenêtre enfant

tu tues la recherche

**Auteur** · 15/09/2013, 12h39

Envoyé par NoSmoking

tu tues la recherche

désolé

**livebe** · 20/09/2013, 23h54

http://www.developpez.net/forums/d27...enetre-enfant/
>tu tues la recherche

Merci, mais j'ai posté directement de ce fil, la question n'étant pas encore résolue.

**Kaamo** · 27/09/2013, 16h44

Sérieusement ? Certains utilisent encore les iframe pour faire de l'affichage ? Comme je les respecte

edit : La solution d'Auteur semble fonctionner. C'est normal que ça ne fonctionne pas sur Chrome en local. La communication entre les fichiers locaux, fournis par file:///, semble être bloquée par la SOP

J'aurais ajouté ceci au code de Auteur :

Code :

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

1
2
3
4
function transfertVersFrame(valeur, idIFrame) {
  var iFrameDoc = window.frames[idIFrame] || document.getElementById(idIFrame).contentWindow || document.getElementById(idIFrame).contentDocument;
  iFrameDoc.affiche(valeur);
}

Edit : Quid d'utiliser window.postMessage ?

**livebe** · 06/10/2013, 19h38

Sérieusement ? Certains utilisent encore les iframe pour faire de l'affichage ? Comme je les respecte

Je vois pas comment faire autrement.
En effet, la liste des vignettes menu étant longue (+200), pèse fatalement plusieurs Mb.
S'il faut la re-charger à chaque click..., c'est un peut comme une galerie de vignette qui sur click charge l'imagedepuis une URL externe.

iframe menu - comment passer info à iframe contenu?

JavaScript

Discussions similaires

Partager

Partager