new!
|
|
|
 |
| > Afficher / Masquer des div |
[ Posté par jeremy7327 ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 29-06-2008 à 18:38 | 12 messages ]
|
Bonjours,
Je souhaite Afficher / Masquer des div de façon qu'un seul reste visible mais pas partout.
Je donne un exemple.
J'ai 3 div, je veux que un seul des 3 div reste ouvert mai a l'intérieur des ces menu, j'ai d'autre div et je veux qu'il puisse être fermer et ouvert comme on veux.
Voici ce que j'ai:
<html>
<head>
<script>
function visibilite(thingId)
{
var i;
var targetElement;
for(i=1; i<=3;i++){
targetElement = document.getElementById("divid" + i) ;
targetElement.style.display = "none" ;
}
targetElement = document.getElementById("divid" + thingId) ;
targetElement.style.display = "" ;
}
</script>
<script>
function cacher()
var i;
var targetElement;
for(i=1; i<=3;i++){
targetElement = document.getElementById("divid" + i) ;
targetElement.style.display = "none" ;
}
</script>
</head>
<body>
<a href="javascript:visibilite('1');">DIV1</a> / <a href="javascript:visibilite('2');">DIV2</a> / <a href="javascript:visibilite('3');">DIV3</a> <br>
<div id="divid1">
<a href="javascript:visibilite('pomme1');">pomme1</a><br>
<div id="pomme1" style="display:none">bleu1</div>
<a href="javascript:visibilite('avion1');">avion1</a><br>
<div id="avion1" style="display:none">electrique1</div>
</div>
<div id="divid2" style="display:none">
<a href="javascript:visibilite('pomme2');">pomme2</a><br>
<div id="pomme2" style="display:none">bleu2</div>
<a href="javascript:visibilite('avion2');">avion2</a><br>
<div id="avion2" style="display:none">electrique2</div>
</div>
<div id="divid3" style="display:none">
<a href="javascript:visibilite('pomme3');">pomme3</a><br>
<div id="pomme3" style="display:none">bleu3</div>
<a href="javascript:visibilite('avion3');">avion3</a><br>
<div id="avion3" style="display:none">electrique3</div>
</div>
</body>
</html>
|
|
1 seul des menu son afficher mai les div a l'intérieur ne fonctionne pas.
Pouvez-vous m'aider a le faire fonctionner?
Merci.
|
|
|
|
[ Posté par #:-{)% ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 29-06-2008 à 22:20 | 2357 messages ]
Alut
çà va pas le faire en gardant la même fonction pour 2 actions différentes
si thingId=pomme1 alors ("divid" + thingId)=dividpomme1 et çà n'existe pas
tu peux légèrement remédier à çà en mettant javascript:visibilite('divid1') et supprimer le divid des getElementById mais il restera d'autres blêmes
Atchao
________________
Oubli du BBcode, rééditer!
barbe-sauvage ex Mozopiens devenu renard de feu... et un peu konq sur les bords
Les OG et les DR, je M pas :/
| [ Posté par jeremy7327 ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 30-06-2008 à 02:25 | 12 messages ]
J'ai regler mon probleme.
Voici mon script.
<script>
function visibilite(thingId)
{
var i;
var targetElement;
for(i=1; i<=3;i++){
targetElement = document.getElementById("divid" + i) ;
targetElement.style.display = "none" ;
}
targetElement = document.getElementById("divid" + thingId) ;
targetElement.style.display = "" ;
}
</script>
<script>
function cacher()
var i;
var targetElement;
for(i=1; i<=3;i++){
targetElement = document.getElementById("divid" + i) ;
targetElement.style.display = "none" ;
}
</script>
<script>
Array.prototype.inArray = function(array) {
for(var i=0; i<this.length;i++) {
if(this[i]==array){ return true;}
}
return false;
};
function ShowHide(element){
if(element.style.display=='none'){
element.style.display='';
}else{
element.style.display='none';
}
}
function ShowHideClass(className, Tag){
var elts = document.getElementsByTagName(Tag);
for (var j=0;j<elts.length;j++) {
if (elts[j].getAttribute('class') && elts[j].getAttribute('class').split(' ').inArray(className)) {
ShowHide(elts[j]);
}
}
}
</script> |
|
|
|
Services email :
Vous devez vous identifier pour profiter des services par email du forum.
|
|
]
