Discussion :

[Anonyme1784]

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 javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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">&raquo;</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)

[NoSmoking]

Bonjour,
outre le fait qu'il n'est pas recommandé, même si c'est autorisé en HTML5, d'avoir des ID numériques, il me semble que ton approche n'est pas forcément la bonne, ne joue pas sur le zIndex mais sur l'affichage/masquage des éléments.

[Anonyme1784]

Ok merci beaucoup

Et j'au essayé d'utiliser jQuery pour mettre en couleur le jour par exemple mais ça fonctionne pas.
Est-ce que c'est lié à ces ID en question ?

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

$( "div#"+mois()+" a:eq("+jour()+")" ).css( "color", "red" );

J'ai importé jQuery*√
mois() et jour() fonctionnent et renvoient par exemple (2;8) pour aujourd'hui !
C'est un probeme il me semble avec "div#"+mois()

[NoSmoking]

Je ne vois pas le rapport avec jQuery et avec la question initiale !

[Anonyme1784]

Merci, j'ai réussi quand meme