Discussion :

[calitom]

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 :

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

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?

[E.Bzz]

Code :

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

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

A+

[calitom]

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

[calitom]

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 :

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

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>

[calitom]

J'ai essayé de supprimer la ligne:

Code :

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

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 :

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

1
2
3
4
5
 
.previsu{
	width : 100%;
	height : 100%;
}

Une idée du problème?

[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 :

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

1
2
3
4
5
 
...
new_frame.style.width='100%';
new_frame.style.height='100%';
...

Et ce que c'est a cause des pourcentages?

[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!

[E.Bzz]

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

Une piste, alors :

Code :

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

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+

[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 :

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

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

[calitom]

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 :

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

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