Discussion :

[jlp13012]

Bonjour,

j'espère être au bon endroit...

Le Onclick fonctionne très bien sous Edge, chrome mais pas sous Firefox !
Ce lien est dans le 1er IFrame.
si quelqu'un sait pourquoi et/ou connait la correction/solution ?
Le javascript est bien activé sous Firefox.
merci d'avance.

Code html :

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

1
2
<a href="accueil.html" target="myIFrame" onclick="window.parent.myIFrame2.location.href='news.html'">
          <img class="imgComp" src="ac.png" alt="icone accueil" title="accueil"></a>

Vous l'aurez compris que je veux actualiser 2 Iframe avec un seul lien.
Encore merci d'avance.
JLP.

[SpaceFrog]

A tout hasard:

Code html :

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

1
2
<a href="accueil.html" target="myIFrame" onclick="window.parent.myIFrame2.location.href='news.html'; self.location.href='accueil.html'">
          <img class="imgComp" src="ac.png" alt="icone accueil" title="accueil"></a>

mais j'ai peur que le fait de rechareger le parent soit la cause du problème

[jlp13012]

Bonjour,

Merci SpaceFrog pour la réponse.
Cependant j'ai testé, mais sans succès…
Si quelqu'un d'autre a une idée ?
Merci.
JLP.

[Beginner.]

Salut,

Tu ne nous donnes pas toutes les infos, c'est quoi ce "myIFrame2" par exemple ?

En tous cas, j'ai fait un test en donnant un ID à l'iframe et alors je modifie le "src" et cela fonctionne...

Par contre il ouvre un autre ongle pour charger la page d’accueil... C'est voulu ?

[Loralina]

Bonjour,
L'erreur vient peut-être du fait de passer par "file".
Après test, l'instruction du onclick marche :
- Sous Firefox via "http" et non via "file" (souci de sécurité).
- Sous Edge, via "http" et via "file", en notant tout de même que, via "file", faire console.log(window.parent.myIFrame2.location.href); provoquerait une erreur de type "cross-origin", alors que l'instruction window.parent.myIFrame2.location.href='news.html' passe...

Sous Firefox, une variante qui fonctionne par "file" :

Code html :

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

1
2
<a href="news.html" target="myIFrame2" onclick="window.location.href='accueil.html'">
          <img class="imgComp" src="ac.png" alt="icone accueil" title="accueil"></a>

Honnêtement, je ne savais même pas qu'on pouvait cibler une iframe du parent dans "target". Le test de cette variante indique que oui...

[Beginner.]

Salut,

L'erreur vient peut-être du fait de passer par "file".

Ah oui merci, c'est vrai, j'ai oublié de dire que mon test a fonctionné en passant par un serveur local...

Sous Firefox, une variante qui fonctionne par "file" :

Code html :

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

1
2
<a href="news.html" target="myIFrame2" onclick="window.location.href='accueil.html'">
          <img class="imgComp" src="ac.png" alt="icone accueil" title="accueil"></a>

Honnêtement, je ne savais même pas qu'on pouvait cibler une iframe du parent dans "target". Le test de cette variante indique que oui...

En faisant window.location.href='accueil.html' on perd les deux iframes, non ?

Je ne dois pas avoir compris ce qui est voulu, je pensais qu'on voulait charger accueil.html dans iframe1 et news.html dans iframe2 et on ne touche pas à la page qui contient les deux iframes car je pensais que le but c'était de pouvoir visualiser les deux pages (accueil.html et news.html) en même temps dans la page principale...


PS : ça fait plaisir de vous relire depuis le temps...

[Loralina]

Bonsoir Beginner.,

je pensais qu'on voulait charger accueil.html dans iframe1 et news.html dans iframe2 et on ne touche pas à la page qui contient les deux iframes

C'est ce que je pense aussi.

En faisant window.location.href='accueil.html' on perd les deux iframes, non ?

Non, puisque jlp13012 indique : "Ce lien est dans le 1er IFrame.".

Je pense que son affaire se présente comme ça :

index.html

Code html :

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

1
2
<iframe name="myIFrame" src="myIFrame.html"></iframe>
<iframe name="myIFrame2" src="myIFrame2.html"></iframe>

myIFrame.html

Code html :

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

1
2
<a href="accueil.html" target="myIFrame" onclick="window.parent.myIFrame2.location.href='news.html'">
          <img class="imgComp" src="ac.png" alt="icone accueil" title="accueil"></a>

Dans myIFrame2.html, accueil.html et news.html, il suffit de mettre un texte quelconque.

Concernant target="myIFrame", ça se réfère bien à l'iframe elle-même et non une sous-iframe. En fait, ici, cet attribut est facultatif.

Si on teste tout ça en passant par "file", ça marche sur Edge, mais sur Firefox, l'instruction du onclick est bloquée.

Si on tient à ce que ça passe aussi sur Firefox en mode "file", on peut remplacer le code de myIFrame.html par la variante que j'ai indiquée.
Cette variante a ses limites car elle ne conviendrait pas si on devait changer l'adresse de 3 iframes.

Sinon, il faut passer par "http".

PS : ça fait plaisir de vous relire depuis le temps...

Merci.