Script ok sous XP mais pas sous Vista

Bonjour,

mon problème est simple: un menu "accordéon" (à base de php et une seule fonction js de 12 lignes, un peu de css) qui fonctionnait sans aucun problème sous XP ne fonctionne absolument plus sous Vista (quelque soit le navigateur et javascript activé).
Cela doit être un problème de droits mais je ne vois pas où.
Si quelqu'un a une idée...
Merci par avance.

nous non plus ... sans le code ça risque d'être difficile d'identifier le problème :aie:

Bonsoir,

voici les quelques lignes de code. Elles sont réparties sur 3 fichiers: menu.php, menu.js et menu.css:
Le code php

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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
 
<html>
 
	<head>
 
		<link href="./css/menu.css" rel="stylesheet" type="text/css" />
 
		<script type="text/javascript" src="./js/menu.js"></script>
 
	</head>
 
 
 
	<body>
 
<?php
 
session_start();
 
include('base.cnx.php');
 
include('session.php');
 
 
 
switch($_SESSION['Profil_Id']){
 
        case 1:
 
                $sqlTheme="select * from theme where thAdm=1 order by 1";
 
                break;
 
        case 2:
 
                $sqlTheme="select * from theme where thRC=1 order by 1";
 
                break;
 
        case 3:
 
                $sqlTheme="select * from theme where thRP=1 order by 1";
 
                break;
 
        case 4:
 
                $sqlTheme="select * from theme where thArcher=1 order by 1";
 
                break;
 
        default:
 
                $sqlTheme="select * from theme where thArcher=1 order by 1";
 
}
 
$rqTheme=mysqli_query($cnx,$sqlTheme);
 
 
 
while($dataTheme=mysqli_fetch_assoc($rqTheme)){
 
        echo "<ul id='nav'>";
 
                echo "<li>".$dataTheme['thlibelle'];
 
                echo "<ul>";
 
                switch ($_SESSION['Profil_Id']){
 
                        case 1:
 
                                $sqlMenu="select * from menu where metheme=".$dataTheme['thnum']." and meAdm=1 order by merang";
 
                                break;
 
                        case 2:
 
                                $sqlMenu="select * from menu where metheme=".$dataTheme['thnum']." and meRC=1 order by merang";
 
                                break;
 
                        case 3:
 
                                $sqlMenu="select * from menu where metheme=".$dataTheme['thnum']." and meRP=1 order by merang";
 
                                break;
 
                        case 4:
 
                                $sqlMenu="select * from menu where metheme=".$dataTheme['thnum']." and meArcher=1 order by merang";
 
                                break;
 
                        default:
 
                                $sqlMenu="select * from menu where metheme=".$dataTheme['thnum']." and meArcher=1 order by merang";
 
                }
 
                $rqMenu=mysqli_query($cnx,$sqlMenu);
 
                while($dataMenu=mysqli_fetch_assoc($rqMenu)){
 
                        echo "<a href='".$dataMenu['mehref']."'<li>".$dataMenu['melibelle']."</li></a>";
 
                }
 
                echo "</ul>";
 
        echo "</ul>";
 
        }
 
?>
 
	</body>
 
</html>

Le code javascript:

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
 
sfHover = function() {
 
	var sfEls = document.getElementById("nav").getElementsByTagName("li");
 
	for (var i=0; i<sfEls.length; i++) {
 
		sfEls[i].onmouseover = function() {
 
			this.className+=" sfhover";
 
			}
 
			sfEls[i].onmouseout=function() {
 
				this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
 
			}
 
		}
 
	}
 
	if (window.attachEvent) window.attachEvent("onload", sfHover);

le code css:

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
 
body {
 
font: 1em Arial, Helvetica, sans-serif;
 
background-color: #eee; }
 
 
 
#nav, #nav ul { /* all lists */
 
padding: 0;
 
margin: 0;
 
list-style: none;
 
text-decoration: none;
 
line-height: 1.2; 
 
}
 
 
 
#nav a, #nav li a {
 
display: block;
 
width: 10em;
 
text-decoration: none;
 
}
 
 
 
#nav li { /* all list items */
 
float: left;
 
width: 10em; /* width needed or else Opera goes nuts */
 
}
 
 
 
#nav li ul { /* second-level lists */
 
position: abolute;
 
background: orange;
 
width: 10em;
 
left: -999em;  /* using left instead of display to hide menus because display: none isn't read by screen readers */
 
}
 
 
 
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
 
left: auto;
 
}
 
 
 
#content {
 
clear: left;
 
color: #ccc;
 
}

Merci pour le coup de main.

merci de poster le code généré ( comme indiqué dans les règles du forum javascript ;) )

Bonsoir,

le problème était simple: nouvel ordinateur et java pas installé. Une fois fait, le code fonctionne parfaitement, sans aucune modification.
Juste pour info (car je n'ai pas trouvé dans les règles du forum): c'est quoi du code généré? Le code source de la page dans le navigateur?
Merci de vous être penché sur le problème.

Citation:

contentToggle étant plus large que le cadre, ça déborde quand il y a plus de contenu.

oui :)

et si c'est due a linstallation de java ... ton menu doit être lourd :-/