DHTML expandable box [resolu]

**le Lun Jan 18, 2010 13:28**

Bonjour
J'ai récupéré ce scrip sur un site

C'est pour avoir une boite qui s'affiche lorsqu'on clique sur un simple lien

En fait actuellement, tout s'affiche au chargement de la page, et c'est au clique sur le lien que la boite disparait.
ex:
Sujet.......................................afficher
Bla bla bla bla bla

Mais le "Bla bla bla bla bla" s'affiche au chargement de la page, alors que je ne voudrais l'afficher que lors du click sur le lien "afficher"

Comme je suis archi nul, je demande

Voila le code, je l'aime bien car il est tout simple

Entre <head> et </head>

Code: Tout sélectionner: <script language="javascript"> function bascule(elem) { etat=document.getElementById(elem).style.display; if(etat=="none"){document.getElementById(elem).style.display="block";} else{document.getElementById(elem).style.display="none";} } </script>

Dans le <body>

Code: Tout sélectionner: <a href="" onClick="bascule('boite'); return false;"><u>(View Details)</u></a> echo "<div id='boite'>bla bla bla bla</div>";

Voila, j'ai essayé plein de truc pour ne pas afficher le text au chargement de la page, mais rien y fait.

Merci pour l'aide

**le Lun Jan 18, 2010 13:37**

Juste :

Code: Tout sélectionner: <a href="" onClick="bascule('boite'); return false;"><u>(View Details)</u></a> echo "<div id='boite' style='display:none;'>bla bla bla bla</div>";

Car tu dois intialiser à none par défaut l'état de ta div (si rien n'est précisé elle est forcément affichée).

Par contre je te conseille de te penche sur l'utilisation de framework js, comme prototype ou jquery, pour alléger tout ça.

**le Lun Jan 18, 2010 13:44**

Ahhhh super merci beaucoup, je n'avais pas pensé à ça

Merci encore

DHTML expandable box [resolu]

DHTML expandable box [resolu]

Re: DHTML expandable box

Re: DHTML expandable box

Lectures recommandées sur ce thème :

Qui est en ligne