Changer le zIndex, onclick
Salut, aidez moi s'il vous plait,
je n'arrive pas à changer certains zIndex..
mon code (j'ai essayé de le placer avant/après le html, c'est pareil) :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
function show(id){
document.getElementById(id).style.zIndex = "1";
for(var i=2;i<7;i++){
if(i!=id){
document.getElementById(i).style.zIndex = "0";
}
}
}
function next(id){
document.getElementById(id).style.zIndex = "0";
id++;
document.getElementById(id).style.zIndex = "1";
}
function prev(id){
document.getElementById(id).style.zIndex = "0";
id--;
document.getElementById(id).style.zIndex = "1";
} |
Quand je clique sur l'élément (avec l'id, et qui contient les éléments prev et next) avec show() c'est bon ça le montre et ça cache les autres éléments (qui ont d'autres id) mais quand je clique sur ceux qui ont prev() ou next() alors il se passe rien, mon fire bug marche plus :'(
Ça commence à id=2 pour février
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
| <div class="cal" onclick="show(2)" id="2" style="position:absolute;margin-left:0px;">
<table class="cal-table">
<caption class="cal-caption">
<a href="#" onclick="next(2)" class="next">»</a>
Février 2015
</caption>
<tbody class="cal-body">
<tr>
<td class="cal-off"><a href="index.html">30</a></td>
<td><a href="index.html">1</a></td>
<td><a href="index.html">2</a></td>
<td class="cal-today"><a href="index.html">3</a></td>
<td><a href="index.html">4</a></td>
<td><a href="index.html">5</a></td>
<td><a href="index.html">6</a></td>
</tr>
<tr>ON ABREGE.....
</tbody>
</table>
</div> |
Ça c'est sensé cacher février et montrer mars qui est par dessus, bah non... je suis obligé de cliquer sur février pour...
Bon j'ai compris le problème ! Mais je sais pas comment le résoudre :s
Je voudrais qu'on puisse cliquer sur le bandeau (caption) pour afficher, et cliquer sur » pour aller en mars par exemple... (j'ai les mois superposé les uns sur les autres, en décalés, ça va jusqu'à juin)
