Masquer des informations, et permettre leur réaffichage (JS)

[HawkEye]

Hello,

Je cherche à faire quelquechose comme ceci:

1. Si la variable $var vaut 1, afficher un <div> et son contenu.
2. Si la même variable vaut 0, ne pas afficher ce div, mais afficher un petit lien "afficher le contenu" qui par une action javascript, permettrait d'afficher le contenu du <div> sans recharger la page.

Je précise que le contenu du <div> doit être indexable

Est-ce que quelqu'un aurait une idée ?

Merci

[bonkers]

Code: Tout sélectionner

{if ($var == 0)}
<input type="button" onClick="bascule('boite');" value="afficher le contenu">
<div id="boite" style="display: none">
...contenu...
</div>
{else}
<div>
...contenu...
</div>
{/if}




Et le script :

Code: Tout sélectionner


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";}
}


Bon moi je code en Smarty donc je met ça dans les .tpl
Je t'avoue que je ne sais même plus si on peut mettre des accolades comme ça sur du php brut, mais sinon adapte la syntaxe.

Edit : j'ai modifié, c'est mieux comme ça!

[HawkEye]

...rapide

Ca fonctionne nickel, merci !

J'ai juste préféré un lien qu'un bouton, mais pour le reste, rien à dire

[bonkers]

De rien, j'ai bossé dessus y a pas longtemps, donc j'avais le code sous la main.

Content que ça marche !!