Affiché/masquer plusieurs DIV (JAVASCRIPT)
lolo
-
frc -
frc -
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" ;
}
}
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
- Comment masquer les amis sur facebook - Guide
- Comment appeler en masquer - Guide
- Telecharger javascript - Télécharger - Langages
- Le clavier de mon telephone ne s'affiche plus - Guide
3 réponses
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.