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