Ouvrir 2 iframes à partir d'un lien

Statut
N'est pas ouverte pour d'autres réponses.

xlr8

Over the rainbow 🌈
Salut à tous,

En fait j'ai mon design avec les rubriques principales qui restent tout le temps ainsi que 2 autres parties pour le sous-menu et le contenu. J'aimerais donc que lorsque je clique sur le lien d'une rubrique, il charge le sous-menu et le contenu.

D'où ma question (vu que le sous-menu et le contenu sont situés dans 2 iframes différentes avec chacune un "name" différent), comment ouvrir 2 liens dans 2iframes à partir d'un lien.

J'espère que vous m'avez compris...
 

♥♥♥

ex membre
Y'a moyen.

J'avais déjà fait ça avec des frames, quand on cliquait sur un lien, il chargeait 2 frames différentes.
Je suppose que ça doit marcher aussi pour les I Frame, bien que le procédé est différent.

Je vais regarder si je retrouve pas ça quelque part dans mon brol... :wink:
 
1er
OP
xlr8

xlr8

Over the rainbow 🌈
bon ben pour ceux que çà intéresse voici la solution

<iframe src="perenoel.html" width="500" height="100" id="sauceblanche" />
<iframe src="saintnicolas.html" width="500" height="100" id="poivrevert" />

<a href="#" onclick="sauceblanche.location.href='soumenu.html';
poivrevert.location.href='contenu.html'">

Dsl pour les noms débiles :twisted:
 
D

duRb

ex membre
c le target qui fo édité ds ton lien .. :)
et ds le target tu mé le nom de ta frame
 

♥♥♥

ex membre
Ben voila, c'était tout con en fait, et c'est bien ce code là que j'ai employé aussi.

Mais il me semble qu'il y'avait une partie de code à mettre dans le <HEAD> </HEAD> non?

Je pense que le "poivrevert.l0cation.href" doit être indiqué dans un p'tit script, en tout si je me souviens bien...
 
1er
OP
xlr8

xlr8

Over the rainbow 🌈
pas besoin de script çà marche tout seul. Bien praitk en tout cas :wink:
 
1er
OP
xlr8

xlr8

Over the rainbow 🌈
Je me permet de faire un up du post étant donné que la solution ne fonctionnait pas sous mozilla (ce qui est quand même très dérangeant). Alors voilà la solution ultime qui fonctionne pour vos 2 browsers préférés:

La fonction javascript à insérer dans le head

<script language="javascript">
function loadTwo(iframe1URL, iframe2URL)
{
parent.FRAME1.location.href=iframe1URL
parent.FRAME2.location.href=iframe2URL
}
</script>

Les iframes

<iframe src="page1.html" width="500" height="100" name="frame1" />
<iframe src="page2.html" width="500" height="100" name="frame2" />


Le lien type :

<a href="javascript:loadTwo('special1.htm','special2.htm')">special link</a>

Source du script ici


Vala c'est un peu plus simple quand meme hein :wink:
 

La Poubelle

Pou'r allé Danché
xlr8 a dit:
Je me permet de faire un up du post étant donné que la solution ne fonctionnait pas sous mozilla (ce qui est quand même très dérangeant). Alors voilà la solution ultime qui fonctionne pour vos 2 browsers préférés:

La fonction javascript à insérer dans le head

<script language="javascript">
function loadTwo(iframe1URL, iframe2URL)
{
parent.FRAME1.l0cation.href=iframe1URL
parent.FRAME2.l0cation.href=iframe2URL
}
</script>

Les iframes

<iframe src="page1.html" width="500" height="100" name="frame1" />
<iframe src="page2.html" width="500" height="100" name="frame2" />


Le lien type :

<a href="javascript:loadTwo('special1.htm','special2.htm')">special link</a>

Source du script ici


Vala c'est un peu plus simple quand meme hein :wink:
ca ne marchera pas sous tous les browserS. Certains browsers considèrent que l'objet est uniquement en lecture. POUr pallier ce problème, il faut passer par un objet temporaire

Par exemple pour :

alert(window.form1.input1.value); ca passe
window.form1.input1.value = "blabla"; ca foire

var objTemp = document.all("input1");
objTemp.value = "blabla'"; ca passe.
objTemp = null; faut virer l'objet temporaire tout de meme :)
 
1er
OP
xlr8

xlr8

Over the rainbow 🌈
merci pour l'info, je vais voir çà tout de suite.
 

♥♥♥

ex membre
xlr8 a dit:
Je me permet de faire un up du post étant donné que la solution ne fonctionnait pas sous mozilla (ce qui est quand même très dérangeant). Alors voilà la solution ultime qui fonctionne pour vos 2 browsers préférés:

La fonction javascript à insérer dans le head

<script language="javascript">
function loadTwo(iframe1URL, iframe2URL)
{
parent.FRAME1.l0cation.href=iframe1URL
parent.FRAME2.l0cation.href=iframe2URL
}
</script>

Les iframes

<iframe src="page1.html" width="500" height="100" name="frame1" />
<iframe src="page2.html" width="500" height="100" name="frame2" />


Le lien type :

<a href="javascript:loadTwo('special1.htm','special2.htm')">special link</a>

Source du script ici


Vala c'est un peu plus simple quand meme hein :wink:
Me disait bien qu'il fallait un script à placer dans le <HEAD> :wink:
 
Statut
N'est pas ouverte pour d'autres réponses.
Haut