Problême liens avec frame

[Résolu/Fermé]
Signaler
-
 Utilisateur anonyme -
Bonjour, je n'arrive pas a lier les différentes frames sur une même page, plutôt que des explications sibyllines je vous met le code source récup sur le site des a-store Amazon, et que j'ai bidouillé un peu :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<HTML>
<HEAD>
<TITLE>A simple frameset document</TITLE>
</HEAD>
<FRAMESET cols="20%, 80%">
<FRAMESET rows="100, 200">
<FRAME src="/home/pascall/Bureau/essai-link-html-css/imgframe.html">
<FRAME src="contents_of_frame2.gif">
</FRAMESET>
<FRAME src="http://astore.amazon.fr/librairie-du-livre-libre-21?_encoding=UTF8&node=1">
<NOFRAMES>
<P>This frameset document contains:
<UL>
<LI><A href="contents_of_frame1.html">Some neat contents</A>
<LI><IMG src="contents_of_frame2.gif" alt="A neat image">
<LI><A href="http://astore.amazon.fr/librairie-du-livre-libre-21?_encoding=UTF8&node=1">Some other neat contents</A>
</UL>
</NOFRAMES>
</FRAMESET>
</HTML>

Donc ce que j'aimerais, c'est que lorsque on clique sur l'image du loup (c'est un exemple, j'y mettrais des livres bien sur), cela renvoie vers un lien dans le frame de droite, directement.

en espérant trouver une réponse,

Cordialement.

PS : évitez le message stressant "les frames c'est mal", je sais que cela posse des probs de référencements, mais c'est tellement ce dont j'ai besoin...

Au cas ou vous vous foutez royalement de mes probs existentiels de frames (sympa, mdr !!!), mais que vous voulez quand même le lien direct de la librairie c'est là :

http://astore.amazon.fr/librairie-du-livre-libre-21

Sois libre et rit...

A bientôt...

2 réponses

Messages postés
18580
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
18 octobre 2021
4 326
Il faut utiliser du Javascript.
Dans une iframe, l'objet parent représente la fenêtre qu'il l'inclu.

Donc, dans ta page imgframe.html :
<a href="page.html" onclick="parent.document.getElementsByTagName('frame').item(1).src = this.href; return false;"><img src="" alt="" /></a>


Pour la partie de gauche, je pense que tu pourrais te passer de l'iframe ;D
Si c'est juste pour le scrolling, c'est faisable en CSS.

Ton ordinateur ne fait pas ce que tu veux ... mais ce que tu lui dis de faire.
Ça marche parfaitement bien, merci beaucoup, je remet les 2 codes sources modifiés, si ça peut servir ma foi :

Le code source de l'image de gauche , avec le lien vers le frame de droite :

<a href="http://astore.amazon.fr/librairie-du-livre-libre-21" onclick="parent.document.getElementsByTagName('frame').item(1).src = this.href; return false;"><img src="http://img175.imageshack.us/img175/1391/animloup13.gif" alt="" /></a>

Et la page Frame principale :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<HTML>
<HEAD>
<TITLE>A simple frameset document</TITLE>
</HEAD>
<FRAMESET rows="100%">
<FRAMESET cols="30%, 70%">
<FRAME src="/home/pascall/Bureau/essai-link-html-css/imgframe.html">


<FRAME src="http://astore.amazon.fr/librairie-du-livre-libre-21">
</FRAMESET><NOFRAMES>
<P>This frameset document contains:
<UL>
<LI><A href="contents_of_frame1.html">Some neat contents</A>

<LI><A href="http://astore.amazon.fr/librairie-du-livre-libre-21">Some other neat contents</A>
</UL>
</NOFRAMES>
</FRAMESET>
</HTML>

A bidouiller pour affiner les tailles.

Encore merci, à bientôt...

Cordialement.