Discussion :

[defacta]

Bonjour,

J'ai un soucis avec du code JavaScript qui marche avec tous les navigateurs mais pas avec IE8.

J'ai une DIV qui est fixé à none dans sont display:

Code :

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

1
2
3
4
5
6
7
8
9
<div id="DIV_delete_page" style="display:none;">
<table id="TABLE_Delete" width="100%" border="0" cellspacing="0" cellpadding="0" style="Z-INDEX:20; visibility:hidden; position:absolute; padding:0px; " >
  <tr>
     <td>
Le contenu du tableau...
     </td>
  </tr>
</table>
</div>

Puis le code JavaScript:

Code :

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

1
2
3
4
5
 
function JS_show_delete() {
  document.getElementById('DIV_delete_page').style.display = 'block' ;
  document.getElementById('TABLE_Delete').style.visibility = 'visible' ;
}

Mais voila, le tableau apparait bien au bon endroit avec Firefox, Chrome et Opera mais pas avec IE8 qui ne fait rien, je n'ai meme pas de message d'erreur, donc je ne sais pas si IE n'interprète pas style.display ou le style.visibility ou place le tableau a un endroit que je ne peux pas voir...

Vous avez une idée ?

Merci,
Vincent.

[vermine]

Bonjour,

En IE7, ça passe. :-/

Essayez peut-être:

Code :

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

1
2
 
document.getElementById('DIV_delete_page').style.display = 'inline' ;

[defacta]

Bonjour,

En IE7, ça passe. :-/

Essayez peut-être:

Code :

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

1
2
 
document.getElementById('DIV_delete_page').style.display = 'inline' ;

Apparemment c'est le position:absolute; du <table que IE ne gère pas comme les autres !
Pfff, je ne sais pas quoi faire

[E.Bzz]

Apparemment c'est le position:absolute; que IE ne gère pas comme les autres !

Oui, enfin d'un côté il a raison
En position absolute, ton élément sort du flux : il n'est pas "vraiment" dans ton div (tu devrais le retrouver en haut et à gauche de ta page, a priori) ...
Tu devrais l'enlever car je doute qu'il apporte quelque chose (à part ce problème).
De même, rendre invisible une table située dans un div masqué n'est pas des plus utile

A+

[defacta]

Oui, enfin d'un côté il a raison
En position absolute, ton élément sort du flux : il n'est pas "vraiment" dans ton div (tu devrais le retrouver en haut et à gauche de ta page, a priori) ...
Tu devrais l'enlever car je doute qu'il apporte quelque chose (à part ce problème).
De même, rendre invisible une table située dans un div masqué n'est pas des plus utile

A+

bof bof bof IE8 a raison !
Parce que ca marchait très bien avec tous les autres navigateurs et maintenant j'ai été obligé de déplacer le tableau pour que ça marche avec IE, mais en le déplaçant il ne se trouve plus maintenant à la bonne position x, donc faudra que je le déplace en JavaScript pour le mettre au bon endroit...

IE, c'est comme ça: quand on a du temps à perdre...

[vermine]

Sinon, vous pouvez utiliser les commentaires conditionnels mais il y aura sans doute également un traitement à faire.

[E.Bzz]

IE, c'est comme ça: quand on a du temps à perdre...

Non, cette fois-ci tu ne peux t'en prendre qu'à toi : un position:absolute n'avait rien à faire ici (ajoute un top:0 et left:0 pour t'en convaincre).

Je suis le premier à critiquer les spécificités d'IE, mais ce n'est pas une raison pour tout lui mettre sur le dos

A+

[defacta]

Non, cette fois-ci tu ne peux t'en prendre qu'à toi : un position:absolute n'avait rien à faire ici (ajoute un top:0 et left:0 pour t'en convaincre).

Je suis le premier à critiquer les spécificités d'IE, mais ce n'est pas une raison pour tout lui mettre sur le dos

A+

Oui, c'est un peu vrai pour cette histoire de position:absolute, ca n'avait rien à faire ici mais ca m'éviter d'avoir à ajouter cette ligne:

Code :

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

  document.getElementById('DIV_delete_page').style.top = document.getElementById('TR_menu_page').scrollHeight + 1 ;

Et là, le +1, c'est spécial pour IE, sinon IE n'affiche pas la bordure de 1px juste avant la div "DIV_delete_page".

Mais j'ai mieux pour IE:

Code :

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

1
2
3
4
5
6
7
8
  var url_tab = url.split(/\#/) ;
  if(IsIE) {
    var i = 0 ;
  } else {
    var i = 1 ;
  }
  if(url_tab[i]) {
    etc...

En effet, ca bug avec IE qui apparement commence url_tab à 1 alors que tous les autres Nav le commençait à 0, normal...en informatique, on commence à compter à partir de 0, pas à partir de 1...

[E.Bzz]

En effet, ca bug avec IE qui apparement commence url_tab à 1 alors que tous les autres Nav le commençait à 0, normal...en informatique, on commence à compter à partir de 0, pas à partir de 1...

IE commence aussi à compter à partir de 0

La différence doit plutôt venir du contenu de url_tab : est-il le même sous IE et ailleurs ?

EDIT : et "en informatique", non : en Javascript, entre autres. Mais Oracle par exemple commence à 1

A+