Probleme avec display:none;

[destroyedlolo]

Bonjour,

J'ai une classe definie comme suit

.cache {
	display:none;
}

et un code javascript comme suit :

function getobj(id){
	if(document.getElementById)
  return(document.getElementById(id));
	else if(document.all)
  return(document.all[id]);
	else if(document.layers)
  return(document.layers[id]);
}

function affiche(nom){
	if(obj = getobj(nom)){
  if(obj.style.display == 'none')
 	 obj.style.display = '';
  else
 	 obj.style.display = 'none';
	}
}

et le tout sur un DIV qui ressemble a :

<img src='/images/smilley/police_stop.gif' class=text onclick='affiche("zone_admin");'>
<div id='zone_admin' class='encadree oeuf'>
bla bla bla
</div>

Si mon DIV a uniquement comme class 'encadree oeuf', ca fonctionne : lorsque je clique sur l'image, le div en question disparait et reapparait (c'est donc le fonctionnement que je souhaites ).

Le probleme est que si le DIV a comme class 'encadree oeuf cache', ben mon DIV n'apparait plus.

J'ai bien verifie avec des alertes que affiche() est bien appelees dans tout les cas et que le contenu de style.display change bien de '' a 'none' et inversement ... mais quelque soit sa valeur, le DIV n'apparait jamais.

J'ai essaye avec FF 1.5 et M$IE 6.

Quelqu'un aurait-il une idee ?

Merci et A+

Lolo

[Dan]

As-tu essayé en mettant

obj.style.display = 'block';

au lieu de

obj.style.display = '';

??

Tu devrais trouver un exemple similaire en sauvant la page d'accueil des forums du Hub (celle où on peut masquer des forums entiers)

Dan

[destroyedlolo]

C'etait bien ca

Merci DAN.

Ce coup-ci, c'est un probleme d'affiche uniquement avec M$IE En fait, mon code HTML ressemble a ca :

<div><span class='entete'>
<img src='/images/smilley/police_stop.gif' class=text onclick='affiche("zone_admin");'>
Zone administateur
</span></div>
<div id='zone_admin' class='encadree oeuf'>
bla bla bla
</div>


<div><span class='entete'>
<img src='/images/smilley/lecteur.gif' class=text onclick='affiche("info_compte");'>
Zone administateur
</span></div>
<div id='info_compte' class='encadree oeuf'>
bla bla bla
</div>

Mon nouveau probleme est que lorsque j'iconifie la zone admin, le DIV de "info_compte" remonte bien ... mais l'image 'lecteur.gif' ne suit pas et reste a sa place initiale

A nouveau, ca ne se produit qu'avec M$IE, tout fonctionne bien avec FF.

Il semblerait que ca le probleme vienne de la classe 'text' qui est definie comme suit :

img.text {	/* Image a mettre dans un text */
	position: relative;
	bottom: -2px;
}

Une idee

A+

Lolo