Afficher plusieurs divs avec javascript

Fermé

johnnnnyyyy - 3 mai 2009 à 17:02
Johnnnnyyyyyyyyyyyy - 3 mai 2009 à 22:34

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

A voir également:

Afficher plusieurs divs avec javascript
Telecharger javascript - Télécharger - Langages
Afficher mot de passe wifi android - Guide
Afficher appdata - Guide
Afficher calendrier outlook dans google agenda - Guide
Windows 11 afficher plus d'options - 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
3 mai 2009 à 22:26

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" ;
}
}

Réponse 2 / 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
3 mai 2009 à 22:27

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" ;
}
}

Réponse 3 / 3

Johnnnnyyyyyyyyyyyy
3 mai 2009 à 22:34

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 ^^

Discussions similaires

Afficher toutes les lignes masquées excel

Javascript Arrondi à 2 chiffres après la virgule

programme qui n'affiche pas le mot secret

java script error in the main process

Excel si cellule contient texte alors...

Discussions similaires

Newsletters