Pb z-index

Fermé
bzz - 5 mars 2009 à 01:15
 bzz - 5 mars 2009 à 15:32
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>
A voir également:

1 réponse

[o.o]REplay Messages postés 357 Date d'inscription vendredi 20 juin 2008 Statut Membre Dernière intervention 20 juillet 2009 28
5 mars 2009 à 05:05
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!
0
ouaip, ... mais trop compliquer, j'ai besoin d'un truc vraiment simple ;

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...
0