internet explorer /firefox
voici la page contenant un menu deroulant vertical en javascript :
Code:
1
2
3
4
5
6
7
8
9
| window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
if (d.style.display=='block'){
d.style.display='none';
}else{
d.style.display='block';
}
} |
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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Bienvenue sur le site d'electricité du cfa de montauban !</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- start header -->
<div id="header">
<h1><a href="#"></a></h1>
</div>
<!-- end #header -->
<div id="page">
<div id="content">
<div class="post">
<h1 class="title">Bienvenue sur le site d'electricite du cfa de montauban !</h1>
<p class="meta"><small>Bienvenue sur mon site, je m'appelle Eric BASTIEN, je suis actuellement professeur
au CFA de montauban où j'enseigne l'electrotechnique a des eleves de CAP et de BP, je fais aussi
de la formation en habilitation electrique pour les adultes.<br />
<br />
</p>
</div>
<div class="post">
<h2 class="title"><span>News sur CFA Montauban :)</span></h2>
<p>
<u>Site en construction</u><br/>Le site est actuellement en construction, la mise en production sera faite d'ici une dizaine de jours. <br/><br/></p>
</div>
</div>
<!-- end #content -->
<div id="sidebar">
<div id="menu" class="box">
<h2 class="title">Menu</h2>
<ul>
<li><dt onclick="javascript:montre('BP');"> <b>Ressources BP</b></li></dt></br>
<dd id="BP" style="display:none;">
<li><a href="ressource.php?name=BPElectrotech" class="type1">Electrotech</a><br></li>
<li><a href="ressource.php?name=BPTechno" class="type1">Techno</a><br></li>
<li><a href="ressource.php?name=BPHabilitation" class="type1">Habilitation electrique</a></li><br>
</dd>
<li><dt onclick="javascript:montre('cap');"> <b>Ressources CAP</b></li></dt></br>
<dd id="cap" style="display:none;">
<li><a href="ressource.php?name=CAPElectrotech" class="type1">Electrotech</a><br></li>
<li><a href="ressource.php?name=CAPTechno" class="type1">Techno</a><br></li>
<li><a href="ressource.php?name=CAPHabilitation" class="type1">Habilitation electrique</a></li><br>
</dd>
<li><dt onclick="javascript:montre('vie');"><b>Vie au CFA</b></li></dt><br>
<dd id="vie" style="display:none;">
<li><a href="../vie.php?name=planning" class="type1">planning</a><br></li>
<li><a href="../vie.php?name=avancement" class="type1">Avancement TP</a><br></li>
<li><a href="../vie.php?name=progr" class="type1">Progression pedagogique</a></li><br>
</dd>
<li><a href="../forum/index.php" class="type1">Forum</a><br></li>
<li><a href="reglementation.html" class="type1">Reglementation</a><br></li>
<li><a href="lien.php" class="type1">Lien</a><br></li>
<li><a href="../2bgal/index.php" class="type1">Photos</a><br></li>
<li><a href="contact.php" class="type1">Contactez-nous</a><br></li>
<li><a href="#" class="type1">Resultat examen</a><br></li>
<li><a href="formation.php" class="type1">Formation adulte</a><br></li></li>
</ul>
</div>
</div>
<!-- end #sidebar -->
<div style="clear: both;"> </div>
<div id="footer">
<p>Copyright © 2008. <a href="admin.php">Admin</a> <a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><abbr title="Cascading Style Sheets">CSS</abbr></a></p>
</p>
</div>
<!-- end #page -->
</div>
<!-- end #footer -->
</body>
</html> |
cette page marche parfaitement sous firefox mais pas,sous ie et je ne sais pas pourquoi
voici le site
http://projet-elec.is-a-geek.com/
