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

WRInaute accro
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
 
WRInaute discret
Code:
{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:
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!
 
WRInaute accro
...rapide ;)

Ca fonctionne nickel, merci !

J'ai juste préféré un lien qu'un bouton, mais pour le reste, rien à dire ;)
 
WRInaute discret
De rien, j'ai bossé dessus y a pas longtemps, donc j'avais le code sous la main.

Content que ça marche !!
 
Discussions similaires
Haut