Pb z-index
bzz
-
bzz -
bzz -
Bonjour à tous ,
j'ai besoin d'aide pour une petite prog dont voici la fonction :
J'ai des liens Onclick qui renvoient à des calques <div>.
Question : ?
Comment peut-on recharger la fonction du script après une selection ,
il faut toujours pouvoir sélectionner les liens que l'on veut, autant de fois que l'on veut.
merci d'avance...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
<html>
<HEAD>
<script type="text/javascript">
function hauteur(id,value) {
var select=null
if (document.getElementById) {
select=document.getElementById(id).style;
} else if (document.all) {
select=document.all[id].style;
} else if (document.layers) {
select=document.layers[id];
}
if(select) select.zIndex = value
}
</script>
</head>
<body>
<h2> calques</h2>
<div id="calque1" style="background:#bbb; position:absolute; width:100px; height:70px; left:200px; padding:10px; ">
calque 1
</div>
<div id="calque2" style="background:#ccc; position:absolute; width:80px; height:110px; left:220px; padding:10px; ">
calque 2
</div>
<div id="calque3" style="background:#ddd; position:absolute; width:100px; height:150px; left:240px; padding:10px; ">
calque 3
</div>
1) : <a href="#" onClick="hauteur('calque1',1) ; ">lien 1</a><br>
2) : <a href="#" onClick="hauteur('calque2',1) ; ">lien 2</a><br>
3) : <a href="#" onClick="hauteur('calque3',1) ; ">lien 3</a>
</body>
</html>
j'ai besoin d'aide pour une petite prog dont voici la fonction :
J'ai des liens Onclick qui renvoient à des calques <div>.
Question : ?
Comment peut-on recharger la fonction du script après une selection ,
il faut toujours pouvoir sélectionner les liens que l'on veut, autant de fois que l'on veut.
merci d'avance...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
<html>
<HEAD>
<script type="text/javascript">
function hauteur(id,value) {
var select=null
if (document.getElementById) {
select=document.getElementById(id).style;
} else if (document.all) {
select=document.all[id].style;
} else if (document.layers) {
select=document.layers[id];
}
if(select) select.zIndex = value
}
</script>
</head>
<body>
<h2> calques</h2>
<div id="calque1" style="background:#bbb; position:absolute; width:100px; height:70px; left:200px; padding:10px; ">
calque 1
</div>
<div id="calque2" style="background:#ccc; position:absolute; width:80px; height:110px; left:220px; padding:10px; ">
calque 2
</div>
<div id="calque3" style="background:#ddd; position:absolute; width:100px; height:150px; left:240px; padding:10px; ">
calque 3
</div>
1) : <a href="#" onClick="hauteur('calque1',1) ; ">lien 1</a><br>
2) : <a href="#" onClick="hauteur('calque2',1) ; ">lien 2</a><br>
3) : <a href="#" onClick="hauteur('calque3',1) ; ">lien 3</a>
</body>
</html>
A voir également:
- Pb z-index
- Code ascii de a à z - Guide
- Gpu z - Télécharger - Informations & Diagnostic
- Index téléphonique - Guide
- Cpu z - Télécharger - Informations & Diagnostic
- Telecharger index - Télécharger - Gestion de fichiers
1 réponse
Mon idée: stocker les id de tes calques dans un tableau:
|calque 1|calque 2|calque 3| calque 4| calque 5|
Si le calque 3 est choisis par exemple, tu décale les calques 4 et 5 d'une case vers l'arrière, et met le calque 3 en dernière position.
temp = calque 3
ton tableau devient:
|calque 1|calque 2|calque 4| calque 5| vide |
puis:
|calque 1|calque 2|calque 4| calque 5| calque 3|
Ensuite tu réajustes les z-index de chacun de tes calques en fonction de leur position dans leur tableau.
Tu pourras avoir autant de calques que tu veux comme ça!
|calque 1|calque 2|calque 3| calque 4| calque 5|
Si le calque 3 est choisis par exemple, tu décale les calques 4 et 5 d'une case vers l'arrière, et met le calque 3 en dernière position.
temp = calque 3
ton tableau devient:
|calque 1|calque 2|calque 4| calque 5| vide |
puis:
|calque 1|calque 2|calque 4| calque 5| calque 3|
Ensuite tu réajustes les z-index de chacun de tes calques en fonction de leur position dans leur tableau.
Tu pourras avoir autant de calques que tu veux comme ça!
exple: recharge automatique la page après onclick...
J'ai donné une prog fonctionnelle, mais je n'arrive pas à boucler, il faut réactualisé la page pour que ca marche.
Là j'ai besoin d'insérer une ligne dans la prog, mais je n'y arrive pas.
merci, d'avance...