Afficher / Cacher en Javascript

Résolu/Fermé

Eric - 3 juin 2012 à 23:08
Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 - 5 juin 2012 à 20:59

Bonjour!

Je ne sais pas si quelqu'un pourrait m'aider,

Voici mon code JS :

<script language="JavaScript" type="text/javascript">
function visibilite(thingId)
{
var targetElement;
targetElement = document.getElementById(thingId) ;
if (targetElement.style.display == "none")
{
targetElement.style.display = "" ;
} else {
targetElement.style.display = "none" ;
}
}
</script>

Voici le HTML :

<a href="javascript:visibilite('fonctionnalites');" class="fonctionnalites-top">Tous les fonctionnalités</a>

Rien de bien compliqué... Lorsque l'on clique sur le lien, la division du dessous est caché. Mais j'aimerais faire le contraire, lorsque l'on arrive sur la page, la division est caché, et lorsque l'on clique, elle s'affiche.

Merci d'avance!

A voir également:

Afficher / Cacher en Javascript
Cacher conversation whatsapp - Guide
Telecharger javascript - Télécharger - Langages
Afficher mot de passe wifi android - Guide
Cacher application android - Guide
Afficher les dossiers cachés - Guide

3 réponses

Réponse 1 / 3

Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
4 juin 2012 à 08:47

dans le div concerné, pour le cacher tu mets dans la balise <div style="display:none;">

et ta fonction devient:

<script language="JavaScript" type="text/javascript">
function visibilite(thingId)
{
var targetElement;
targetElement = document.getElementById(thingId) ;
if (targetElement.style.display == "none")
{
targetElement.style.display = "block" ;
} else {
targetElement.style.display = "none" ;
}
}
</script>

Mihawk Messages postés 4313 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 845
5 juin 2012 à 09:21

+1, mais la fonction n'a pas besoin d'être modifiée ;-)

Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
5 juin 2012 à 20:59

alors comment on passe à display = "block" ?

Réponse 2 / 3

Justin_Bebert
4 juin 2012 à 02:06

http://www.commentcamarche.net/forum/affich-2123713-spoiler-html

Vous avez des fontions recherchés sur le site ou même sur google.

Réponse 3 / 3

Eric
5 juin 2012 à 01:43

Ho yeah! Merci beaucoup, mais ça fonctionne aussi seulement en ajoutant display:none.

Encore merci!

Discussions similaires

programme qui n'affiche pas le mot secret

Afficher toutes les lignes masquées excel

Cacher les membres du groupe WhatsApp

Javascript Arrondi à 2 chiffres après la virgule

Discussions similaires

Newsletters