Sujet Précédent Sujet Suivant

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:

3 réponses

Réponse 1 / 3
avion-f16 Messages postés 19250 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 22 décembre 2024 4 505
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.
10
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
1
Réponse 3 / 3
frc
5 déc. 2011 à 20:27
Merci, super , simple en fonctionne.
0

Discussions similaires

Javascript Arrondi à 2 chiffres après la virgule
jeremy -
gravityaerox -

12 réponses
Quel fonction faire en b1 par rapport à a1
Aziz -
Frenchie83 -

1 réponse
Story bloque
Juanito -
xBapt -

1 réponse
code pour cacher le numero orange cameroun
dieso -
CrèmeàraserFrikilax -

1 réponse