affichage intempestif dans une iframe sous IE

**_vim_** · 17/09/2008, 14h53

Bonjour,

Je recontre un problème d'affichage de pages dans une iframe sous IE7. Ma page principale est constituée d'un menu latéral (dynamique, par javascript) et d'une iframe. L'iframe doit afficher des pages PHP correspondant aux appels lancés depuis le menu. Je recontre alors trois types de comportement que je ne m'explique pas:

1. (cas attendu): je clique sur un élément du menu. Le contenu de la page appelée s'affiche dans l'iframe.

2. je clique sur un élement du menu. L'iframe reste vide. Je clique sur un élement du menu entrainant une modification de son affichage (javascript) => la page appelée apparaît comme par magie !

3. je clique sur un élément du menu. L'iframe reste vide. Je clique sur un élément du menu (identique au cas précédent) => rien ne se passe.

J'ai remarque que le cas 3 arrive sur les mêmes pages que le cas 2, quand le contenu généré devient trop grand pour être affiché dans l'espace de l'iframe (et donc qu'il faut un ascenseur).

Bien entendu, je ne constate pas le moindre problème avec Firefox (3).

(Et non: on m'impose IE7 comme navigateur).

Pour finir voici la structure générale de ma page principale:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title>Test</title>
  <link rel='stylesheet' href='./style/cc.css' />
  <script type='text/javascript' language='javascript' src='./scripts/fwk.js' ></script>
  <script type='text/javascript' language='javascript' src='./scripts/cc.js' ></script>
</head>
<body onload="init_main_page();" >
<div id="divMPTitle">Test Page</div>
<div>
  <span id="spnMPMenu">
    <!-- Mon menu dynamique -->
  </span>
  <iframe id="ifrmMPContainer" src="welcome.php" width=500 marginwidth="0" marginheight="0" frameborder="0" />
</div>
</body>
</html>

Si quelqu'un à une idée ou une piste à proposer je suis preneur.

Merci d'avance.

vim

**didiergm** · 18/09/2008, 14h05

Je fais exactement la même chose et cela fonctionne à tous les coups. Donc c'est faisable.

.

IE est très fragile au niveau syntaxe du JS: in ; manquant après un appel suffit à l'empècher de fonctionner. donc il faudrait que tu nous en montres un peu plus sur ton menu. Peut être un extrait live de ta page, tel que reçue par le navigateur.
et aussi tous les bouts de Javascript utilisés

Par contre j'ai un pb en IE7 (pas IE6, ni les autres). dans mon Iframe j'ai tout un mécanisme de recherche, affichage, saisie, retour à la recherche après la saisie. IE7 au cours de cette dernière option me recadre la iFrame en haut/gauche de la page

, me fait donc apparaitre des ascenseurs autour de la Window contenant le iframe. C'est moche moche

Didier

**_vim_** · 19/09/2008, 14h02

Envoyé par didiergm

Je fais exactement la même chose et cela fonctionne à tous les coups. Donc c'est faisable.

.

Ca me rassure

Envoyé par didiergm

IE est très fragile au niveau syntaxe du JS: in ; manquant après un appel suffit à l'empècher de fonctionner. donc il faudrait que tu nous en montres un peu plus sur ton menu. Peut être un extrait live de ta page, tel que reçue par le navigateur et aussi tous les bouts de Javascript utilisés .

J'ai aussi fait ces tests: j'appelle ma page depuis IE en direct: elle s'affiche parfaitement (et sans erreur JS non plus). Je l'appelle depuis mon iframe: pas d'affichage.

Je me demande si je ne vais pas me recycler dans l'élevage de hamsters ...

Vincent

**laflaf3d** · 09/11/2009, 17h40

C'est ça qui est génial avec le net: quand on cherche une solution, on tombe sur des problèmes datant de 2008... non résolus...

Donc : Déterrage de post!

Comme _vim_, une iframe chargée au chargement de la page ne pause pas de pb, par contre, le changement de son contenu par du javascript, la rend apparemment vide.

Code JS:

Code :

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

1
2
3
4
5
6
 
function affiche_signe(page)
{
    Contenu_page.src = page+".html";
   // ou parent.frames['Contenu_page'].window.location=page+'.html';
}

Code HTML:

Code :

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

1
2
3
4
5
6
 
<iframe src="http://www.JENEFAISPASDEPUBPOURMONSITE.com/index.html" name="Contenu_page" id="Contenu_page" frameborder="0" width="250" height="550"></iframe>
 
...
 
<img src="images/avatar.png" alt="Belier" onclick="affiche_page('belier');"/>

En gros : quand je charge ma page, l'iframe contient index.html, mais quand je clique sur l'image "bélier", l'iframe devient vide UNIQUEMENT sous IE7 (pas de pb sous Chrome ou Firefox) quelque soit la méthode utilisée pour remplir l'Iframe (getElementById, .href au lieu de src...)

Autre PB : je n'arrive pas à avoir une iframe avec fond transparent sous IE7 alors que je n'ai pas le pb sous les autres navigateurs (

)

A+

affichage intempestif dans une iframe sous IE

HTML

Vue hybride

Discussions similaires

Partager

Partager