Mon layer ne s'affiche pas
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:
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:
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:
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>
</TD>
....................
.............
</TR>
</TABLE> |
// C'est tout, et rien ne se passe !
Merci de votre aide.
Cordialement,
Whombat
