Voilà je suis en train de créer un menu horizontal dont le code fonctionne dans un simple fichier .html. Seulement je suis en ce moment en stage et le site pour lequel je travail et sous Oxatis. Pour ceux qui ne connaissent pas et sans faire de pub il se compose de modules prédéfini dans lequel on insère nos script.

Voici le mien:

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
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
* {
margin:0; 
padding:0;
}
body {
font:14px Helvetica, sans-serif; 
font-weight:bold; 
background:#FFF;
}
.menu {
position:relative; 
background:url(Menu.jpg) no-repeat; 
height:42px; 
width:982px;
}
.menu ul {
list-style:none; 
z-index:10; 
position:absolute; 
z-index:100; 
padding:9px 250px;
}
.menu li {
float:left;
}
.menu a, .menu a:active, .menu a:visited, .menu a:hover {
text-decoration:none; 
color:#474845; 
padding:10px;
}
#slide {
position:absolute; 
top:6px; 
height:24px; 
background:#89957a; 
z-index:10;
}
</style>
<SCRIPT language="JavaScript"> 
<!--
var menuSlider=function(){
	var m,e,g,s,q,i; e=[]; q=8; i=8;
	return{
		init:function(j,k){
			m=document.getElementById(j); e=m.getElementsByTagName('li');
			var i,l,w,p; i=0; l=e.length;
			for(i;i<l;i++){
				var c,v; c=e[i]; v=c.value; if(v==1){s=c; w=c.offsetWidth; p=c.offsetLeft}
				c.onmouseover=function(){menuSlider.mo(this)}; c.onmouseout=function(){menuSlider.mo(s)};
			}
			g=document.getElementById(k); g.style.width=w+'px'; g.style.left=p+'px';
		},
		mo:function(d){
			clearInterval(m.tm);
			var el,ew; el=parseInt(d.offsetLeft); ew=parseInt(d.offsetWidth);
			m.tm=setInterval(function(){menuSlider.mv(el,ew)},i);
		},
		mv:function(el,ew){
			var l,w; l=parseInt(g.offsetLeft); w=parseInt(g.offsetWidth);
			if(l!=el||w!=ew){
				if(l!=el){var ld,lr,li; ld=(l>el)?-1:1; lr=Math.abs(el-l); li=(lr<q)?ld*lr:ld*q; g.style.left=(l+li)+'px'}
				if(w!=ew){var wd,wr,wi; wd=(w>ew)?-1:1; wr=Math.abs(ew-w); wi=(wr<q)?wd*wr:wd*q; g.style.width=(w+wi)+'px'}
			}else{clearInterval(m.tm)}
}};}();
//-->
</script>
</head>
<body onload="menuSlider.init('menu','slide')">
<div class="menu">
    <ul id="menu">
        <li><a href="#">Accueil</a></li>
        <li><a href="#">Contact</a></li>
        <li><a href="#">Commande en ligne</a></li>
    </ul>
    <div id="slide"></div>
</div>
</body>
</html>



Mon problème se situe dans la balise body: <body onload="menuSlider.init('menu','slide')">

Sous Oxatis les basiles principales de type <head> ou <body> étant prédéfinies on ne peut les modifier.

Est ce que quelqu'un saurait ou je pourrai placer la partie:
onload="menuSlider.init('menu','slide')" autre part que dans body? Je suis vraiment débutante en javascript.

merci d'avance

PS: si ca peut aider plus, le résultat au final donne un menu comme celui ici: http://www.webinventif.fr/wp-content...ct/index2.html