Menu principal
Accueil
Joomla
Cours
Design
Forum
Actualité Numérique
Telechargements
Proposer un article
Fonds d'écran
Liens Web
|)- Forum IFPA -(|
plan du site
Qui est en ligne
Identification





Mot de passe oublié ?
Pas encore de compte ? Enregistrez-vous
Des Erreurs ?
Pour nous signaler une erreur
sélectionnez le texte puis SHIFT + ENTER

 

accueil
jui
21
2008
Montrer/Cacher une div Convertir en PDF Version imprimable Suggérer par mail
Écrit par Laurent   

 On définie une classe avec des propriétés qui affiche ou non le contenu de la balise

définie par la classe : "divcache"

 

 

 

On crée la fonction qui change les propriétés CSS "style.display":

<script type="text/javascript">
function affiche () {


var div = document.getElementById('divcache');
if(div.style.display != "block")
{
div.style.display = "block";
}
else
{
div.style.display = "none";
}


}
</script>

 

Partie html ,contenu divers ,entre les divs:

<div id="divcache" style="display:none">

on me vois, on me vois pas

</div>

et le bouton qui affiche ou cache la div en faisant appel à la fonction javascript:

<input type="button" name="appel_de_la_div" value="+" onclick="affiche()" />


Recommandez (2) | Citez cet article sur votre site | Pages vues: 201

Soyez le premier à commenter cet article
Flux RSS des commentaires

Seuls les utilisateurs enregistrés peuvent laisser un commentaire.
SVP, connectez vous ou enregistrez vous.

Powered by AkoComment Tweaked Special Edition v.1.4.5

 
Suivant >