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

Voir plus de commentaires
Ajouter un commentaire

Vous utilisez un logiciel de type AdBlock, qui bloque le service de captchas publicitaires utilisé sur ce site. Pour pouvoir envoyer votre message, désactivez Adblock.

Plus de codes ici :
Codes  html pour débutant, plus de 250 codes gratuit à votre service, bonne visite a tous

Copyright © 2010 -  Les Scripts de Giga 24
Reproduction partielle ou complète du site interdite sans autorisation

PageRank Actuel

spampoison

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