IE et .style.display = 'block' ;

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:

---

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:

---

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.

Bonjour,

En IE7, ça passe. :-/

Essayez peut-être:

Code:

---

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

---

Citation:

---

Envoyé par vermine

Bonjour,

En IE7, ça passe. :-/

Essayez peut-être:

Code:

---

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

Citation:

---

Envoyé par defacta

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

---

Oui, enfin d'un côté il a raison :mrgreen:
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+

Citation:

---

Envoyé par E.Bzz

Oui, enfin d'un côté il a raison :mrgreen:
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: :ccool: quand on a du temps à perdre...:mouarf:

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

Citation:

---

Envoyé par defacta

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

---

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

A+

Citation:

---

Envoyé par E.Bzz

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

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:

---

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:

---

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

Citation:

---

Envoyé par defacta

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

A+