code non compatible IE6

Version imprimable

Bonjour,

Voici un bout de code qui marche parfaitement sous IE7, et je ne vois pas pourquoi il ne marche pas sur IE6...

Voici mon code:

Code:

1
2
3
4
5
6
7
8
9
10
11
 
document.getElementById('div_previsualisation').style.display='';
var new_frame=document.createElement('iframe');
var src_frame="http://";
new_frame.src=src_frame;
new_frame.id="id_frame_previsu";
new_frame.className='previsu';
document.getElementById('div_previsualisation').appendChild(new_frame);
document.getElementById('id_frame_previsu').contentWindow.location.reload(true);
var htmlElement = document.getElementsByTagName('html')[0];
htmlElement.style.overflow = 'hidden';

Une id�e?

26/10/2007, 16h39
E.Bzz

Code:

document.getElementById('div_previsualisation').style.display='';

Les valeurs possibles de display sont 'block', 'none' et 'inline' (par defaut).

display='' est un hack pour IE7 qui ne reconnaissait pas 'block'
... enfin, me semble-t-il :mrgreen:

A+
26/10/2007, 16h58
calitom

J'ai modifi�, mais ca ne marche pas...

Je pense que le probl�me vient du css...
Car le div apparait, mais on dirait que l'iframe n'apparait pas...

Je met le code html associ�:

Code:

1
2
3
4
 
<div id="div_previsualisation" style="width:100%; height:100%; display:none; position:absolute; z-index:11000; display:none; top:0px; left:0px;">
<div id="div_bt_previsu" style="background:#000000; align:center;"><input type="button" value="Fermer" id="bt_fermer_previsu" name="bt_fermer_previsu" onclick="ferme_previsualisation();">
<br /></div>

26/10/2007, 17h14
calitom
J'ai essay� de supprimer la ligne:
Code:

1 2 new_frame.className='previsu';
Et la la frame apparait, mais dans une petite taille...
Pourquoi sur IE7, la modification de la classe marche et pas sous IE6?

Voici la classe previsu:
Code:

1 2 3 4 5 .previsu{ width : 100%; height : 100%; }
Une id�e du probl�me?
26/10/2007, 17h19
calitom
J'ai essay� de faire comme ci-apres, sans passer par une classe css, et idem, ca marche sous IE 7 et pas sous IE 6:
Code:

1 2 3 4 5 ... new_frame.style.width='100%'; new_frame.style.height='100%'; ...
Et ce que c'est a cause des pourcentages?
26/10/2007, 17h30
calitom

Encore plus bizarre!!

Si je met un alert(' '); avant de modifier la width et height de l'iframe, ca marche!!

Comme si l'execution allait trop vite pour interpr�ter!!

C'est �trange.

Une id�e parce que la je coince vraiment!

Citation:

Envoy� par calitom

Comme si l'execution allait trop vite pour interpr�ter!!

Une piste, alors :

Code:

1
2
3
4
5
6
7
8
9
10
document.getElementById('div_previsualisation').style.display='';
var new_frame=document.createElement('iframe');
var src_frame="http://";
new_frame.src=src_frame;
new_frame.id="id_frame_previsu";
document.getElementById('div_previsualisation').appendChild(new_frame);
document.getElementById('id_frame_previsu').className='previsu';
document.getElementById('id_frame_previsu').contentWindow.location.reload(true);
var htmlElement = document.getElementsByTagName('html')[0];
htmlElement.style.overflow = 'hidden';

D'abord la cr�er, puis lui affecter sa class ...

A+

26/10/2007, 17h46
calitom
J'avais d�ja essay�, et je viens de r�essayer, sans succ�s!!!

Je comprends vraiment pas!

A noter que dans mon css j'ai ceci:
Code:

1 2 3 4 5 iframe { height: 40px; width: 465px; }
C'est pour ca que j'attribue une classe particuli�re a cet iframe car je ne veux pas qu'elle ait ces dimensions, mais qu'elle prenne toute la largeure de l'�cran...

Ca peut poser probl�me genre un conflit de style?...

Apr�s 10000 ctests!!! j'ai trouv�, meme si je ne comprends pas pourquoi cette solution marche mieux que ce que j'avais fais avant!!

Tr�s bizarre!
Vous aurez peut etre une explication:
Code:

1 2 3 4 5 var screen_w=screen.width; var screen_h=screen.height; document.getElementById('id_frame_previsu').style.width=screen_w+"px"; document.getElementById('id_frame_previsu').style.height=screen_h+"px";