Insertion de script

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:

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

Tu peux le faire dans le head de la page en ajoutant :

Code:

1
2
3
4
5
<script type="text/javascript">
    window.onload = function(){
        menuSlider.init('menu','slide')
    }
</script>

Merci beaucoup �a fonctionne tout aussi bien. Je vais tester ca maintenant sous Oxatis en esp�rant que ca fonctionne aussi.