Onclick + Iframe ne fonctionne pas sur firefox

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:

---

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.

A tout hasard:

Code:

---

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

Bonjour,

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

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 ?

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:

---

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...

Salut,

Citation:

---

Envoyé par Loralina

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...

Citation:

---

Envoyé par Loralina

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

Code:

---

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...

Bonsoir Beginner.,

Citation:

---

Envoyé par 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.

Citation:

---

Envoyé par Beginner.

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:

---

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

---

myIFrame.html

Code:

---

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".

Citation:

---

Envoyé par Beginner.

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

---

Merci. :chin:

Merci Loralina.

Bonjour à tous,
Merci pour l’intérêt que vous portez à mon problème.
Je me suis mal exprimé (sorry…).
Ma page principale contient un menu en haut et 2 Iframe côte à côte en dessous :
ID="myIFrame" (le 1er) et ID="myIFrame2" (le 2nd).
Via mon menu la Màj des 2 iframe passe sans souci.
La page accueil est dans le 1er iframe.
C’est le premier iframe qui est modifié par les différents liens du menu sauf dans un cas ou je mets à jour également le 2nd iframe.
Dans le 1er iframe toutes les pages qui sont appelées (via lien menu) ont un icone de retour à la page d’accueil sans modifier l’iframe2 sauf celle qui est mise à jour avec l’iframe2 et c’est là qu’est mon souci car avec l’icone de retour je veux remettre la page d’accueil dans le 1er iframe et remettre la page d’origine dans le 2nd iframe.
Donc un seul lien avec HTML + Javascript pour MàJ des 2 iframe.
D’après vos échanges cela viendrait du fait que je travaille en local… ("file")
Peut-être que cela fonctionnera quand tout cela sera hébergé ?
J’espère avoir été un peu plus clair (pas toujours évident d’énoncer ses vœux…).
De plus je suis néophyte…
Dans tous les cas merci encore.
JLP.

Bonsoir,

Merci Loralina,
ton astuce d'inverser l'adressage des iframe fait que cela fonctionne maintenant.
je n'aurai pas cru que le fait d'inverser contourne certaines fonctionnalités.
ouf, un souci de résolu.
encore merci.
je cloture donc ce post.
@+
JLP