Pour accéder à toutes les fonctionnalités de ce site, vous devez activer JavaScript. Voici les instructions pour activer JavaScript dans votre navigateur Web.

Spoiler (montrer-cacher)

Montrer et Cacher du contenu

Voici comment montrer et cacher du contenu sur votre page en un seul clic. Ceci se fait soit à l'aide d'un bouton ou d'un lien.

Exemple

Cacher ou montrer le menu vertical avec un bouton :

Cacher ou montrer le menu horizontal avec un lien : Cacher le menu horizontal

Même chose avec le contenu ci-dessous : Afficher le contenu

Les scripts utilisés
  • Pour cacher ou montrer le menu vertical avec un bouton :


  • Pour cacher ou montrer le menu horizontal avec un lien :


  • Pour cacher ou montrer le le contenu :
Explications

La version 3 d'E-monsite utilisait une fonction javascript cachée donc non-connue qui s'appelle "MontrerCacher" qui permetait d'afficher l'élément s'il est caché ou l'inverse, celle-ci n'existe plus sous la version 4 !

Pour remettre cette fonction dans la version 4, insérez ceci en zones éditables dans la partie :
"Scripts javascripts supplémentaires"

14 votes. Moyenne 4.71 sur 5.

Commentaires (7)

1. medias 24/09/2016

COOL MOI

2. Oogath (site web) 28/02/2013

Excellent ces script! Tu crois que l'on peut en modifier un pour qu'a la place d'avoir un bouton montrer/cacher il y est une image qui masquerai un contenu texte/image? Sa pourrai être pas mal et pourquoi pas lors du passage de la souris l'image changerai en une autres. Ou alors je dis des conneries et sa serait trop lourd pour s'afficher correctement.. Bref ^^

3. Geeeen de NaturaEssentia (site web) 15/10/2012

Bonjour Giga,
Merci pour tes scripts très utiles. Je viens de les placer dans ma page d'accueil. Ils sont très utiles, parfois les visiteurs n'aiment pas les menus. J'ai voulu modifier la police de caractère du lien afficher/masquer le menu horizontal mais ensuite, l'afficher ne paraissait plus, il n'y avait plus que cacher. Alors j'ai tout ôté.
Très bonne journée à toi.
Bien cordialement.

4. Doogy14 (site web) 13/10/2012

Bonjour ,

j'ai choisi le code "cacher/montrer un contenu" mais j'ai un problème ! Je n'arrive pas à y insérer des balises comme <ul> , <li> ...
Pourquoi ?

5. madmax52 16/09/2012

bravo pour la mise a jour V4

6. Les Scripts de Giga 24 (site web) 25/08/2011

Salut,

J'utilise le code pour le menu gauche (menug), car les site e-monsite n'ayant qu'un seul menu vertical, celui-ci est considérer comme un menu vertical gauche même s'il est placé à droite comme ici.

Bonne Journée

Giga 24

7. madmax52 (site web) 24/08/2011

Super code ! bravo ! Comment faire pour caché le menu de gauche aussi avec ce petit code ?

Voir plus de commentaires
Ajouter un commentaire
 

Créer un site internet avec e-monsite - Signaler un contenu illicite sur ce site

×