Mon layer ne s'affiche pas

**Whombat** · 07/02/2010, 04h26

Bonjour à tous,

Je suis désolé de laisser un post aussi basique mais je n'ai pas fait de JavaScript depuis des années

et j'ai, à n'en pas douter, de sérieuses lacunes...

Mon script qui me parait simple et propre ne tourne pas. Cela fait des heures que je suis dessus et je

sèche lamentablement. J'ai vraiment besoin de vous. Et d'avance, merci.

Voilà le script :

// Dans le Head

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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<STYLE type="text/css"> 
<!--
 
.attributs {
background-color:#800000; 
layer-background-color:#800000; 
position:absolute; 
top:245px; left:17px; 
width:110px; 
height:60px; 
text-decoration : none; 
font-size : 8pt;  
font-family: Verdana; font-weight: bold; 
color: #DEC9A0; 
background: transparent; 
text-align: center; 
visibility: hidden;
    }
-->
</style>
 
<SCRIPT language="JavaScript">
 
function voirCalque (val) {
 
    if (val==0) {
	if (document.layers)
	     document.layers["calque1"].visibility='hide';
	else
	     document.all["calque1"].style.visibility='hidden';
	}
    } 
 
    else if (val==1) {
	if (document.layers)
	     document.layers["calque1"].visibility='show';
	else
	     document.all["calque1"].style.visibility='visible';
	}
    } 
} 
 
</SCRIPT>

// Dans le Body

Code html :

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

1
2
3
<div id="calque1" class="attributs">
Qu'est-ce que l'énergie ? D'ou vient-elle ? A quoi sert-elle ? Comment la capturer, la stocker ?
</div>

// Puis un lien

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
<TABLE width=100%>
  <TR>
	<TD width=120 align="right" bgcolor="#800000">
	    <a href="./energie/index.php" 
	    onMouseOver="voirCalque(1);"
 	    onMouseOut="voirCalque(0);">
	    L'énergie</A>&nbsp;&nbsp;
	</TD>
        ....................
        .............
  </TR>
  </TABLE>

// C'est tout, et rien ne se passe !

Merci de votre aide.

Cordialement,

Whombat

**Bovino** · 07/02/2010, 08h59

je n'ai pas fait de JavaScript depuis des années

Au moins si on en croit ton code

Ca fait déjà bien longtemps que document.layers et document.all sont devenus obsolètes au profit de getElementById

Code :

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

1
2
3
4
5
6
7
8
9
10
function voirCalque (val) {
 
    if (val==0) {
	document.getElementById("calque1").style.visibility='hidden';
    } 
 
    else if (val==1) {
	document.getElementById("calque1").style.visibility='visible';
    } 
}