Afficher plusieurs divs avec javascript
johnnnnyyyy
-
Johnnnnyyyyyyyyyyyy -
Johnnnnyyyyyyyyyyyy -
Bonjour,
j'utilise un script javascript pour camoufler des divs contenant du texte et lisibles via un lien js.
Pour l'instant j'ai un lien js par div, je voudrais savoir si c'etait possible d'assigner plusieurs divs à un seul lien js
voilà le lien java
<a href="" onclick="javascript:visibilite('nomdeladiv'); return false;" >afficher la div</a>
et voilà le script
function visibilite(thingId)
{
var targetElement;
targetElement = document.getElementById(thingId) ;
if (targetElement.style.display == "none")
{
targetElement.style.display = "" ;
} else {
targetElement.style.display = "none" ;
}
}
merci pour votre aide
j'utilise un script javascript pour camoufler des divs contenant du texte et lisibles via un lien js.
Pour l'instant j'ai un lien js par div, je voudrais savoir si c'etait possible d'assigner plusieurs divs à un seul lien js
voilà le lien java
<a href="" onclick="javascript:visibilite('nomdeladiv'); return false;" >afficher la div</a>
et voilà le script
function visibilite(thingId)
{
var targetElement;
targetElement = document.getElementById(thingId) ;
if (targetElement.style.display == "none")
{
targetElement.style.display = "" ;
} else {
targetElement.style.display = "none" ;
}
}
merci pour votre aide
A voir également:
- Afficher plusieurs divs avec javascript
- Afficher appdata - Guide
- Telecharger javascript - Télécharger - Langages
- Afficher taille dossier windows - Guide
- Windows 11 afficher d'autres options - Guide
- Afficher mot de passe wifi android - Guide
3 réponses
voilà le lien java
<a href="" onclick="javascript:visibilite('nomdeladiv'); return false;" >afficher la div</a>
et voilà le script
function visibilite(thingId)
{
var targetElement;
targetElement = document.getElementById(thingId) ;
if (targetElement.style.display == "none")
{
targetElement.style.display = "" ;
} else {
targetElement.style.display = "none" ;
}
}
heu j'ai pas collé le bon:
voilà le lien JAVASCRIPT
<a href="" onclick="javascript:visibilite('nomdeladiv1','nomdeladiv2','nomdeladiv3'); return false;" >afficher la div</a>
et voilà le script
function visibilite(thingId1,thingId2,thingId3)
{
var targetElement1 = document.getElementById(thingId1) ;
var targetElement2 = document.getElementById(thingId2) ;
var targetElement3 = document.getElementById(thingId3) ;
if (targetElement1.style.display == "none")
{
targetElement1.style.display = "" ;
} else {
targetElement1.style.display = "none" ;
}
if (targetElement2.style.display == "none")
{
targetElement2.style.display = "" ;
} else {
targetElement2.style.display = "none" ;
}
if (targetElement3.style.display == "none")
{
targetElement3.style.display = "" ;
} else {
targetElement3.style.display = "none" ;
}
}
Merci alain pour ta réponse,
je m'en étais sorti en rappelant toute la fonction dans le lien java comme suit :
<a href="" onclick="javascript:visibilite('div_01'); javascript:visibilite('div_02'); javascript:visibilite('div_03'); javascript:visibilite('div_04'); return false;" >Tout afficher / dissimuler</a>
et sans toucher le script, mais ta solution a l'air plus propre ^^
je m'en étais sorti en rappelant toute la fonction dans le lien java comme suit :
<a href="" onclick="javascript:visibilite('div_01'); javascript:visibilite('div_02'); javascript:visibilite('div_03'); javascript:visibilite('div_04'); return false;" >Tout afficher / dissimuler</a>
et sans toucher le script, mais ta solution a l'air plus propre ^^