Affiché/masquer plusieurs DIV (JAVASCRIPT)

Fermé

lolo - 16 mai 2010 à 23:37
frc - 5 déc. 2011 à 20:27

Bonjour,

j'ai trouvé un javascript qui me permet d'affiché/masquer un DIV quand je clique sur un lien.
dans ce sens tout marche bien la ou cela se complique c'est que je voudrai maitre plusieurs lien vers plusieurs div mais, que quand on affiche un DIV sa masque l'autre affin d'évité une accumulation su la page.

Voici mon code

Merci d'avance

HTML

<html>
<head>
<script language="JavaScript" type="text/javascript" SRC="div.js">
</script>
</head>
<body>

<div id="bonjour" style="display:none">
Contenu de ma div 1
</div>

<a href="javascript:visibilite('bonjour');">afficher/masquer</a>

<div id="bonjour2" style="display:none">
Contenu de ma div 2
</div>

<a href="javascript:visibilite('bonjour2');">afficher/masquer</a>

</body>
</html>

JAVASCRIPT

function visibilite(thingId)
{
var targetElement;
targetElement = document.getElementById(thingId) ;

if (targetElement.style.display == "none")

{
targetElement.style.display = "" ;
}

else

{
targetElement.style.display = "none" ;
}
}

A voir également:

Affiché/masquer plusieurs DIV (JAVASCRIPT)
Masquer conversation whatsapp - Guide
Telecharger javascript - Télécharger - Langages
Le clavier de mon telephone ne s'affiche plus - Guide
Appel masquer - Guide
Comment masquer les amis sur facebook - Guide

3 réponses

Réponse 1 / 3

avion-f16 Messages postés 19244 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 17 avril 2024 4 496
Modifié par avion-f16 le 17/05/2010 à 17:49

var divs = ['bonjour','bonjour2','bonjour3']; 

function masquerTout() { 
    for(i = 0 ; i < divs.length ; i++) { 
        document.getElementById(divs[i]).style.display = 'none'; 
    } 
} 

function visibilite(id) { 
    masquerTout(); 
    var cible = document.getElementById(id); 
    cible.style.display = (cible.style.display == 'none') ? 'block' : 'none' ; 
}

Ton ordinateur ne fait pas ce que tu veux ... mais ce que tu lui dis de faire.

Réponse 2 / 3

edou
7 juin 2011 à 20:52

Enfin un script qui fonctionne !!! Et simple en plus !
Après avoir cherché sur GG sans succès.

Bravo et un grand merci avion-f16

Réponse 3 / 3

frc
5 déc. 2011 à 20:27

Merci, super , simple en fonctionne.

Discussions similaires

programme qui n'affiche pas le mot secret

Pourquoi je n'arrive plus à voir les anniversaires de mes amis sur Facebook ?

Javascript Arrondi à 2 chiffres après la virgule

=Si la cellule A1 a du texte = B1 devient couleur

Discussions similaires

Newsletters