scrollbar et menu déplaçable

[Bobi]

Bonjour,
J'ai installer un script de roll-over sur la barre de défilement et un menu à déplacer.Quand les deux script son sur la meme page, le script de roll-over ne fonctionne plus mais le menu si. Pourriez-vous m'aider SVP

voici le script de roll-over sur une barre de défilement :

Code : Tout sélectionner

<!-- DEBUT DU SCRIPT -->
<SCRIPT LANGUAGE=javascript>
/*
SCRIPT IMAGINE PAR Svetlin Staev ([email protected])
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/

couleurligne = "#000000";
couleurbase = "#CCCCCC";
couleurover = "#FFCC00";
function scrollBar(face)
{
with(document.body.style)
{
scrollbarDarkShadowColor=couleurligne;
scrollbar3dLightColor=couleurligne;
scrollbarArrowColor=couleurligne;
scrollbarBaseColor=face;
scrollbarFaceColor=face;
scrollbarHighlightColor=face;
scrollbarShadowColor=face;
scrollbarTrackColor="#F3F3F3";
}
}
function colorBar(){
var w = document.body.clientWidth;
var h = document.body.clientHeight;
var x = event.clientX;
var y = event.clientY;
if(x>w) scrollBar(couleurover);
else scrollBar(couleurbase);
}
if (document.all){
scrollBar(couleurbase);
document.onmousemove=colorBar;
}
</script>
<!-- FIN DU SCRIPT -->

voici le script du menu déplacable :
(ejs_menu_mob.js)

Code : Tout sélectionner

/*
SCRIPT EDITE SUR L'EDITEUR JAVACSRIPT
http://www.editeurjavascript.com
*/

document.write('<style type="text/css">\nA.ejsmenu { color:#000000;text-decoration:none }\n</style>')
document.write('<DIV id=menu_dep STYLE="position:absolute; top:10; left:10"><TABLE BORDER=0 CELLPADDING=1 CELLSPACING=2 WIDTH=150>')
document.write('<TR><TD BGCOLOR=#000000 onMouseDown="testClick()" onMouseUp="testClick2()" ><FONT SIZE=2 face="Verdana" COLOR=#FFCC00><B>Menu</B></FONT></TD></TR>')
document.write('</TR><TR><TD BGCOLOR=#9FB1D8 NOWRAP><FONT SIZE=2 face="Verdana">&nbsp;<A HREF= CLASS=ejsmenu>1</A></FONT>&nbsp;</TD></TR><TR><TD BGCOLOR=#9FB1D8 NOWRAP><FONT SIZE=2 face="Verdana">&nbsp;<A HREF= CLASS=ejsmenu>2</A></FONT>&nbsp;</TD></TR></TABLE></DIV>')

clickOui = false;
bloc_x = 10;
bloc_y = 10;

function testClick() {
base_x = x-bloc_x;
base_y = y-bloc_y;
clickOui=true;
}
function testClick2() {
clickOui=false;
}


function get_mouse(e)
{
x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
if(clickOui && document.getElementById)
{
bloc_x = x-base_x;
bloc_y = y-base_y;
}
document.getElementById("menu_dep").style.left = bloc_x
document.getElementById("menu_dep").style.top = bloc_y
}
if(navigator.appName.substring(0,3) == "Net")
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = get_mouse;

(dans la page)

Code : Tout sélectionner

<script language="JavaScript" src="ejs_menu_mob.js"></script>

et à titre d'information, si cela peut avoir un rapport, j'ai aussi un 'iframe' dans la page


Merci d'avance