Afficher/masquer une div sur une autre frame

Salut a tous !
J'ai actuellement un probleme et uniquement avec IE 6 ou inferieur, avec Safari, IE 7, FireFox mon code fonctionne correctement :cry:…
Je souhaite faire apparaitre une div en masquant les autres - le tout dans une autre frame - quand ma souris survole un texte, mais sous IE 6 les autres frames restent a l'ecran (en-dessous).
Voici mon code, si quelqu'un voit d'ou pourrait provenir le probleme, merci :ccool:

Code:

---

1 2 3 4

<td width="180" valign="middle"> <div align="center" class="Menu"> <a href="javascript:showdiv_contact()" class="Menu" onmouseover="parent.frames['mainFrame'].document.getElementById('presentation').style.display='none';parent.frames['mainFrame'].document.getElementById('services').style.display='none';parent.frames['mainFrame'].document.getElementById('prestations').style.display='none';parent.frames['mainFrame'].document.getElementById('contact').style.display='block'" >Contact</a></div></td>

---

Pour que ce soit peut-etre plus simple voici le code que j'utilise pour masquer :

Code:

---

parent.frames['mainFrame'].document.getElementById('presentation').style.display='none'

---

et ca pour faire apparaitre l'autre div :

Code:

---

parent.frames['mainFrame'].document.getElementById('contact').style.display='block'

---

bonjour,

Citation:

---

Envoyé par jerome69003

Pour que ce soit peut-etre plus simple voici le code que j'utilise pour masquer :

---

justement pourquoi tu ne mets tout ce loooooooooooooooooooooong code :

Code:

---

onmouseover="parent.frames['mainFrame'].document.getElementById('presentation').style.display='none';parent.frames['mainFrame'].document.getElementById('services').style.display='none';parent.frames['mainFrame'].document.getElementById('prestations').style.display='none';parent.frames['mainFrame'].document.getElementById('contact').style.display='block'"

---

dans une fonction JS ? :aie:


Ensuite pour ton iframe as-tu bien renseigné les attributs name et id en leur donnant la même valeur (mainFrame dans ce cas) ?

desole pour le long code… mais j'ai 3 div a masquer et 1 a afficher :oops:

J'ai reussi a "corriger" le bug, mais j'avoue que je ne sais pas ce qui faisait "merder" sous IE 6 (et uniquement car sous IE 5 c'etait OK)…

Merci quand meme du temps accorde :ccool:

Citation:

---

Envoyé par jerome69003

desole pour le long code… mais j'ai 3 div a masquer et 1 a afficher :oops:

---

Même si ton code est court, je te conseille de bien séparer le javascript du code HTMl, pour des raisons de clarté ou de maintenance ;)

Citation:

---

Envoyé par jerome69003

J'ai reussi a "corriger" le bug, mais j'avoue que je ne sais pas ce qui faisait "merder" sous IE 6 (et uniquement car sous IE 5 c'etait OK)…

---

c'était quoi le bug en question ?

Merci du conseil… en effet maintenant j'ai fait un appel a un javascript que j'ai place dans le head : beaucoup plus simple.

Le bug : IE6 m'affichait bien la div dans la frame du bas mais quand je passais sur l'autre texte survole ou il etait sense me masquer la div precedemment affichee et m'en faire afficher une autre, il conservait la precedente en arriere plan et m'affichait la nouvelle par dessus :aie: (alors qu'avec IE5, IE7, Safari et FireFox tout se passait bien)… je vais essayer de voir le pourquoi du comment cette apresm…

Merci !

c'est bien ce qui me semblait mais hier au soir j'avais peur d'etre trop endormi pour avoir "loupe" autre chose :D

IE6 bug quand il y a un

Code:

---

background-repeat:repeat-y;

---

mis dans la CSS du body, si je supprime cette ligne les divs s'affichent et se masquent correctement… du coup j'ai tout simplement agrandi mon image de facon a ce qu'elle soit plus large qu'un ecran.

Esperant que cela puisse en aider d'autres, meme si c'est un peu "special" ce que j'ai voulu faire :lol:

Citation:

---

Envoyé par jerome69003

Le bug : IE6 m'affichait bien la div dans la frame du bas mais quand je passais sur l'autre texte survole ou il etait sense me masquer la div precedemment affichee et m'en faire afficher une autre, il conservait la precedente en arriere plan et m'affichait la nouvelle par dessus :aie: (alors qu'avec IE5, IE7, Safari et FireFox tout se passait bien)… je vais essayer de voir le pourquoi du comment cette apresm…

Merci !

---

rien compris :aie:

Citation:

---

Envoyé par jerome69003

IE6 bug quand il y a un

Code:

---

background-repeat:repeat-y;

---

mis dans la CSS du body, si je supprime cette ligne les divs s'affichent et se masquent correctement… du coup j'ai tout simplement agrandi mon image de facon a ce qu'elle soit plus large qu'un ecran.

---

c'est curieux ça :koi:
Tu as bien précisé le background-image ?

oui oui si je remplace cette image par une plus large plus de soucis, pareil si je supprime la repetition forcee sur la hauteur tout fonctionne bien.
Visiblement IE6 est bloque par le fait qu'il doit empecher cette repetition (vu que mon image fait environ 40 pixels de large et que la div fait la largeur du navigateur)… j'avoue ne pas bien comprendre pourquoi mais l'essentiel c'est que ca fonctionne maintenant lol !