Bonjour
je si débutant, et j'ai un probleme avec un menu js, l'image ne s'affiche pas avant que la souris passe sur les boutons.
Si vous avez une idée, je serais tres content.
merci
var m9250_btnCount = 6;
var m9250_staCount = 3;
var m9250_btnImages = new Array();
for (i= 0; i< m9250_btnCount; i++)
{
m9250_btnImages[i] = new Array();
for (j= 0; j< m9250_staCount; j++)
{
m9250_btnImages[i][j] = new Image();
m9250_btnImages[i][j].src = 'Files/19201/m9250_mbtn' + i + '_' + j + '.gif';
}
}
function m9250_btnMouseOut(img)
{
document.images[img].src = m9250_btnImages[img.substring(img.indexOf('_mbtn')+5,img.length)][0].src;
};
function m9250_btnMouseOver(img)
{
document.images[img].src = m9250_btnImages[img.substring(img.indexOf('_mbtn')+5,img.length)][1].src;
};
function m9250_btnMouseDown(img)
{
document.images[img].src = m9250_btnImages[img.substring(img.indexOf('_mbtn')+5,img.length)][2].src;
};
var m9250_timerID = null;
var m9250_timerOn = false;
var m9250_timeCount = 1000;
var m9250_mnuCount = 4;
function m9250_showLayer(btntd,btnmnu,bdir,mdir,mpos,xoffset,yoffset)
{
var td,layer;
if (btnmnu==0) return;
td = document.getElementById(btntd);
layer = document.getElementById(btnmnu);
if (bdir==0)
{
switch(mpos)
{
case 0:
layer.style.left = xoffset;
break;
case 1:
layer.style.left = td.offsetWidth/2 + xoffset;
break;
case 2:
layer.style.left = td.offsetWidth+xoffset;
break;
}
if (mdir==0)
layer.style.top = td.offsetHeight+yoffset;
else
layer.style.top = -layer.offsetHeight-yoffset;
}
else
{
switch(mpos)
{
case 0:
layer.style.top = yoffset;
break;
case 1:
layer.style.top = td.offsetHeight/2 + yoffset;
break;
case 2:
layer.style.top = td.offsetHeight+yoffset;
break;
}
if (mdir==0)
layer.style.left = td.offsetWidth+xoffset;
else
layer.style.left = -layer.offsetWidth-xoffset;
}
layer.style.visibility = "visible";
};
function m9250_hideLayer(btnmnu)
{
var layer;
if (btnmnu==0) return;
layer = document.getElementById(btnmnu);
layer.style.visibility = "hidden";
};
function m9250_hideAllLayers()
{
for (i=0; i<m9250_mnuCount; i++)
m9250_hideLayer("m9250_mbtn_mnu"+i);
};
function m9250_startTime()
{
if (m9250_timerOn == false)
{
m9250_timerID=setTimeout( "m9250_hideAllLayers()" , m9250_timeCount);
m9250_timerOn = true;
}
};
function m9250_stopTime()
{
if (m9250_timerOn)
{
clearTimeout(m9250_timerID);
m9250_timerID = null;
m9250_timerOn = false;
}
};
function m9250_get_menu_tb_css(iMIndex,bTbAutosize,iTbWidth,iTbHeight,bTbBgColor,TbBgColor,bTbBgImage,strTbBgImage,bTbBrSetParts,iTbBrSize,TbBrColor,strTbBrStyle,bTbBrLeft,iTbBrSizeLeft,TbBrColorLeft,strTbBrStyleLeft,bTbBrRight,iTbBrSizeRight,TbBrColorRight,strTbBrStyleRight,bTbBrTop,iTbBrSizeTop,TbBrColorTop,strTbBrStyleTop,bTbBrBottom,iTbBrSizeBottom,TbBrColorBottom,strTbBrStyleBottom)
{
str=".m9250_mnu"+iMIndex+"_tb {";
if(!bTbAutosize)
str+="width:"+iTbWidth+"px;height:"+iTbHeight+"px;";
if(bTbBgColor)
str+="background-color:#"+TbBgColor+";";
if(bTbBgImage)
str+="background-image:url(Files/19201/"+strTbBgImage+");"
if(!bTbBrSetParts)
str+="border:"+iTbBrSize+"px #"+TbBrColor+" "+strTbBrStyle+";";
else{
if(bTbBrLeft) str+="border-left:"+iTbBrSizeLeft+"px #"+TbBrColorLeft+" "+strTbBrStyleLeft+";";
if(bTbBrRight) str+="border-right:"+iTbBrSizeRight+"px #"+TbBrColorRight+" "+strTbBrStyleRight+";";
if(bTbBrTop) str+="border-top:"+iTbBrSizeTop+"px #"+TbBrColorTop+" "+strTbBrStyleTop+";";
if(bTbBrBottom) str+="border-bottom:"+iTbBrSizeBottom+"px #"+TbBrColorBottom+" "+strTbBrStyleBottom+";";
};
str+="} ";
return str;
};
function m9250_get_menu_line_css(iMIndex,SeperateColor)
{
str=".m9250_mnu"+iMIndex+"_line {height:0px;background-color:#"+SeperateColor+"} ";
return str;
};
function m9250_get_menu_td_css(bNormal,iMIndex,iTdIndex,strTdHorizontal,strTdVertical,iTdPadding,fcolor,ffamily,fsize,fitalic,fbold,funderline,iTdBrSize,TdBrColor,strTdBrStyle,bTdBgColor,TdBgColor,bTdBgImage,strTdBgImage)
{
var sLink;
sLink="{display:block;";
sLink+="text-align:"+strTdHorizontal+";vertical-align:"+strTdVertical+";padding:"+iTdPadding+";";
sLink+="color:#"+fcolor+";font-family:"+ffamily+";font-size:"+fsize+";";
if(fitalic) sLink+="font-style:italic;"; else sLink+="font-style:normal;";
if(fbold) sLink+="font-weight:bold;"; else sLink+="font-weight:normal;";
if(funderline) sLink+="text-decoration:underline;"; else sLink+="text-decoration:none;";
sLink+="border:"+iTdBrSize+"px #"+TdBrColor+" "+strTdBrStyle+";";
if(bTdBgColor) sLink+="background-color:#"+TdBgColor+";";
if(bTdBgImage) sLink+="background-image:url(Files/19201/"+strTdBgImage+");";
sLink+="} ";
if(bNormal) str=".m9250_mnu"+iMIndex+"_td"+iTdIndex+" a:link "+sLink+".m9250_mnu"+iMIndex+"_td"+iTdIndex+" a:visited "+sLink;
else str=".m9250_mnu"+iMIndex+"_td"+iTdIndex+" a:hover "+sLink+".m9250_mnu"+iMIndex+"_td"+iTdIndex+" a:active "+sLink;
return str;
};
function m9250_get_menu_tb_td(iMIndex,iTdIndex,bSetAsDivision,strTdLink,strTdTarget,strTdIcon,strTdText,iTdIconAlign)
{
if(bSetAsDivision) {
str="<tr><td class=\"m9250_mnu"+iMIndex+"_line\"></td></tr>";
return str;
};
str="<tr><td nowrap class=\"m9250_mnu"+iMIndex+"_td"+iTdIndex+"\">";
str+="<a href=\""+strTdLink+"\"";
if(strTdTarget.length>0) str+=" target=\""+strTdTarget+"\"";
str+=">";
if(strTdIcon.length>0){
if(iTdIconAlign==0) str+="<img src=\"Files/19201/"+strTdIcon+"\" border=\"0\">"+strTdText;
else if(iTdIconAlign==1) str+=strTdText+"<img src=\"Files/19201/"+strTdIcon+"\" border=\"0\">";
else if(iTdIconAlign==2) str+="<img src=\"Files/19201/"+strTdIcon+"\" border=\"0\"><br>"+strTdText;
else if(iTdIconAlign==3) str+=strTdText+"<br><img src=\"Files/19201/"+strTdIcon+"\" border=\"0\">";
}
else str+=strTdText;
str+="</a></td></tr>";
return str;
};
function m9250_get_menu(iMIndex)
{
str="<div style=\"position:relative;\">";
str+="<div id=\"m9250_mbtn_mnu"+iMIndex+"\" style=\"position:absolute;visibility:hidden;z-index:100;\">";
if(iMIndex==0) {
str+="<style type=\"text/css\">";str+=m9250_get_menu_tb_css(0,true,"1","1",true,"F29C28",true,"",false,"2","FFFFFF","double",false,"0","FFFFFF","solid",false,"0","FFFFFF","solid",false,"0","FFFFFF","solid",false,"0","FFFFFF","solid");
str+=m9250_get_menu_line_css(0,"FFFFFF");
str+=m9250_get_menu_td_css(true,0,0,"Left","Middle","5","FFFFFF","Arial","12",false,true,false,"1","FFFFFF","solid",false,"804040",false,"");
str+=m9250_get_menu_td_css(false,0,0,"Left","Middle","5","000000","Arial","12",false,true,false,"1","000000","solid",true,"FFFFFF",false,"");
str+=m9250_get_menu_td_css(true,0,1,"Left","Middle","5","FFFFFF","Arial","12",false,true,false,"1","FFFFFF","solid",false,"804040",false,"");
str+=m9250_get_menu_td_css(false,0,1,"Left","Middle","5","000000","Arial","12",false,true,false,"1","000000","solid",true,"FFFFFF",false,"");
str+=m9250_get_menu_td_css(true,0,2,"Left","Middle","5","FFFFFF","Arial","12",false,true,false,"1","FFFFFF","solid",false,"804040",false,"");
str+=m9250_get_menu_td_css(false,0,2,"Left","Middle","5","000000","Arial","12",false,true,false,"1","000000","solid",true,"FFFFFF",false,"");
str+="</style>";
str+="<table class=\"m9250_mnu"+iMIndex+"_tb\" cellspacing=\"1\" cellpadding=\"0\" onMouseOver=\"m9250_stopTime();\" onMouseOut=\"m9250_startTime();\">";str+=m9250_get_menu_tb_td(0,0,false,"PBSCCatalog.asp?CatID=229202","_self","","Lecteurs 1 GO et moins",0);
str+=m9250_get_menu_tb_td(0,1,false,"PBSCCatalog.asp?CatID=229196","_self","","Lecteurs de 2 a 4 GO ",0);
str+=m9250_get_menu_tb_td(0,2,false,"PBSCCatalog.asp?CatID=229195","_self","","Lecteurs plus de 4 GO ",0);
str+="</table>";
}
else if(iMIndex==1) {
str+="<style type=\"text/css\">";str+=m9250_get_menu_tb_css(1,true,"1","1",true,"F29C28",true,"",false,"2","FFFFFF","double",false,"0","FFFFFF","solid",false,"0","FFFFFF","solid",false,"0","FFFFFF","solid",false,"0","FFFFFF","solid");
str+=m9250_get_menu_line_css(1,"FFFFFF");
str+=m9250_get_menu_td_css(true,1,0,"Left","Middle","5","FFFFFF","Arial","12",false,true,false,"1","FFFFFF","solid",false,"804040",false,"");
str+=m9250_get_menu_td_css(false,1,0,"Left","Middle","5","000000","Arial","12",false,true,false,"1","000000","solid",true,"FFFFFF",false,"");
str+=m9250_get_menu_td_css(true,1,1,"Left","Middle","5","FFFFFF","Arial","12",false,true,false,"1","FFFFFF","solid",false,"804040",false,"");
str+=m9250_get_menu_td_css(false,1,1,"Left","Middle","5","000000","Arial","12",false,true,false,"1","000000","solid",true,"FFFFFF",false,"");
str+=m9250_get_menu_td_css(true,1,2,"Left","Middle","5","FFFFFF","Arial","12",false,true,false,"1","FFFFFF","solid",false,"804040",false,"");
str+=m9250_get_menu_td_css(false,1,2,"Left","Middle","5","000000","Arial","12",false,true,false,"1","000000","solid",true,"FFFFFF",false,"");
str+=m9250_get_menu_td_css(true,1,3,"Left","Middle","5","FFFFFF","Arial","12",false,true,false,"1","FFFFFF","solid",false,"804040",false,"");
str+=m9250_get_menu_td_css(false,1,3,"Left","Middle","5","000000","Arial","12",false,true,false,"1","000000","solid",true,"FFFFFF",false,"");
str+="</style>";
str+="<table class=\"m9250_mnu"+iMIndex+"_tb\" cellspacing=\"1\" cellpadding=\"0\" onMouseOver=\"m9250_stopTime();\" onMouseOut=\"m9250_startTime();\">";str+=m9250_get_menu_tb_td(1,0,false,"PBSCCatalog.asp?CatID=230173","_self","","Autoradio ",0);
str+=m9250_get_menu_tb_td(1,1,false,"PBSCCatalog.asp?CatID=229216","_self","","Eclairage xenon",0);
str+=m9250_get_menu_tb_td(1,2,false,"PBSCCatalog.asp?CatID=209697","_self","","Video embarqué ",0);
str+=m9250_get_menu_tb_td(1,3,false,"PBSCCatalog.asp?CatID=229194","_self","","Sécurité auto ",0);
str+="</table>";
}
else if(iMIndex==2) {
str+="<style type=\"text/css\">";str+=m9250_get_menu_tb_css(2,true,"1","1",true,"F29C28",true,"",false,"2","FFFFFF","double",false,"0","FFFFFF","solid",false,"0","FFFFFF","solid",false,"0","FFFFFF","solid",false,"0","FFFFFF","solid");
str+=m9250_get_menu_line_css(2,"FFFFFF");
str+=m9250_get_menu_td_css(true,2,0,"Left","Middle","5","FFFFFF","Arial","12",false,true,false,"1","FFFFFF","solid",false,"804040",false,"");
str+=m9250_get_menu_td_css(false,2,0,"Left","Middle","5","000000","Arial","12",false,true,false,"1","000000","solid",true,"FFFFFF",false,"");
str+=m9250_get_menu_td_css(true,2,1,"Left","Middle","5","FFFFFF","Arial","12",false,true,false,"1","FFFFFF","solid",false,"804040",false,"");
str+=m9250_get_menu_td_css(false,2,1,"Left","Middle","5","000000","Arial","12",false,true,false,"1","000000","solid",true,"FFFFFF",false,"");
str+=m9250_get_menu_td_css(true,2,2,"Left","Middle","5","FFFFFF","Arial","12",false,true,false,"1","FFFFFF","solid",false,"804040",false,"");
str+=m9250_get_menu_td_css(false,2,2,"Left","Middle","5","000000","Arial","12",false,true,false,"1","000000","solid",true,"FFFFFF",false,"");
str+=m9250_get_menu_td_css(true,2,3,"Left","Middle","5","FFFFFF","Arial","12",false,true,false,"1","FFFFFF","solid",false,"804040",false,"");
str+=m9250_get_menu_td_css(false,2,3,"Left","Middle","5","000000","Arial","12",false,true,false,"1","000000","solid",true,"FFFFFF",false,"");
str+="</style>";
str+="<table class=\"m9250_mnu"+iMIndex+"_tb\" cellspacing=\"1\" cellpadding=\"0\" onMouseOver=\"m9250_stopTime();\" onMouseOut=\"m9250_startTime();\">";str+=m9250_get_menu_tb_td(2,0,false,"PBCPPlayer.asp?ID=181235","_self","","Housse étui ",0);
str+=m9250_get_menu_tb_td(2,1,false,"PBCPPlayer.asp?ID=181214","_self","","Casque écouteurs",0);
str+=m9250_get_menu_tb_td(2,2,false,"PBSCCatalog.asp?CatID=119911","_self","","Transmetteur FM ",0);
str+=m9250_get_menu_tb_td(2,3,false,"PBSCCatalog.asp?CatID=127737","_self","","Chargeur ",0);
str+="</table>";
}
else if(iMIndex==3) {
str+="<style type=\"text/css\">";str+=m9250_get_menu_tb_css(3,true,"1","1",true,"F29C28",true,"",false,"2","FFFFFF","double",false,"0","FFFFFF","solid",false,"0","FFFFFF","solid",false,"0","FFFFFF","solid",false,"0","FFFFFF","solid");
str+=m9250_get_menu_line_css(3,"FFFFFF");
str+=m9250_get_menu_td_css(true,3,0,"Left","Middle","5","FFFFFF","Arial","12",false,true,false,"1","FFFFFF","solid",false,"804040",false,"");
str+=m9250_get_menu_td_css(false,3,0,"Left","Middle","5","000000","Arial","12",false,true,false,"1","000000","solid",true,"FFFFFF",false,"");
str+=m9250_get_menu_td_css(true,3,1,"Left","Middle","5","FFFFFF","Arial","12",false,true,false,"1","FFFFFF","solid",false,"804040",false,"");
str+=m9250_get_menu_td_css(false,3,1,"Left","Middle","5","000000","Arial","12",false,true,false,"1","000000","solid",true,"FFFFFF",false,"");
str+=m9250_get_menu_td_css(true,3,2,"Left","Middle","5","FFFFFF","Arial","12",false,true,false,"1","FFFFFF","solid",false,"804040",false,"");
str+=m9250_get_menu_td_css(false,3,2,"Left","Middle","5","000000","Arial","12",false,true,false,"1","000000","solid",true,"FFFFFF",false,"");
str+=m9250_get_menu_td_css(true,3,3,"Left","Middle","5","FFFFFF","Arial","12",false,true,false,"1","FFFFFF","solid",false,"804040",false,"");
str+=m9250_get_menu_td_css(false,3,3,"Left","Middle","5","000000","Arial","12",false,true,false,"1","000000","solid",true,"FFFFFF",false,"");
str+="</style>";
str+="<table class=\"m9250_mnu"+iMIndex+"_tb\" cellspacing=\"1\" cellpadding=\"0\" onMouseOver=\"m9250_stopTime();\" onMouseOut=\"m9250_startTime();\">";str+=m9250_get_menu_tb_td(3,0,false,"PBCPPlayer.asp?ID=181235","_self","","Housse étui ",0);
str+=m9250_get_menu_tb_td(3,1,false,"PBCPPlayer.asp?ID=181214","_self","","Casque écouteurs",0);
str+=m9250_get_menu_tb_td(3,2,false,"PBSCCatalog.asp?CatID=119911","_self","","Transmetteur FM ",0);
str+=m9250_get_menu_tb_td(3,3,false,"PBSCCatalog.asp?CatID=127737","_self","","Chargeur ",0);
str+="</table>";
};
str+="</div></div>";
return str;
};
function m9250_get_menutd(iIndex,iMIndex,bOver,bdir,mdir,mpos,xoffset,yoffset,iWidth,iHeight,sHint) {
str="<td id=\"m9250_mbtn_td"+iIndex+"\">";
str+=m9250_get_menu(iMIndex);
str+="<a ";
if (bOver)
str+="onMouseOver=\"m9250_btnMouseOver('m9250_mbtn"+iIndex+"');"
else
str+="onMouseOver=\"m9250_btnMouseOver('m9250_mbtn"+iIndex+"');\" onclick=\"";
str+="m9250_hideAllLayers();m9250_showLayer('m9250_mbtn_td"+iIndex+"','m9250_mbtn_mnu"+iMIndex+"',"+bdir+","+mdir+","+mpos+","+xoffset+","+yoffset+");m9250_stopTime();\"";
str+=" onMouseOut=\"m9250_btnMouseOut('m9250_mbtn"+iIndex+"');m9250_startTime();\" onMouseDown=\"m9250_btnMouseDown('m9250_mbtn"+iIndex+"');\" href=\"javascript:void(null);\"";
str+=">";
str+="<img src=\"Files/19201m9250_mbtn"+iIndex+"_0.gif\" name=m9250_mbtn"+iIndex+" border=0 width=\""+iWidth+"\" height=\""+iHeight+"\" alt=\""+sHint+"\">";
str+="</a></td>";
return str;
};
function m9250_gen_td(iIndex,bOver,sLink,sTarget,iWidth,iHeight,sHint) {
str="<td id=\"m9250_mbtn_td"+iIndex+"\">";
str+="<a ";
if (bOver)
str+="onMouseOver=\"m9250_btnMouseOver('m9250_mbtn"+iIndex+"');"
else
str+="onMouseOver=\"m9250_btnMouseOver('m9250_mbtn"+iIndex+"');\" onclick=\"";
str+="m9250_hideAllLayers();m9250_stopTime();\" ";
str+="onMouseOut=\"m9250_btnMouseOut('m9250_mbtn"+iIndex+"');m9250_startTime();\" onMouseDown=\"m9250_btnMouseDown('m9250_mbtn"+iIndex+"');\" href=\""+sLink+"\"";
if (sTarget.length >0)
str+=" target=\""+sTarget+"\"";
str+=">";
str+="<img src=\"Files/19201m9250_mbtn"+iIndex+"_0.gif\" name=m9250_mbtn"+iIndex+" border=0 width=\""+iWidth+"\" height=\""+iHeight+"\" alt=\""+sHint+"\">";
str+="</a></td>";
return str;
};
function m9250_get_table(bHor) {
str="<table id=\"m9250_mbtn_tb\" cellpadding=0 cellspacing=0 border=0>";
str+="<tr>";
str+=m9250_get_menutd(0,0,true,1,0,0,3,3,"199","48","Button1");
if (bHor==false) str+="</tr><tr>";
str+=m9250_get_menutd(1,1,true,1,0,0,3,3,"199","48","Button2");
if (bHor==false) str+="</tr><tr>";
str+=m9250_get_menutd(2,2,true,1,0,0,3,3,"199","48","Button3");
if (bHor==false) str+="</tr><tr>";
str+=m9250_gen_td(3,true,"PBSCCatalog.asp?CatID=119162","_self","199","48","Button4");
if (bHor==false) str+="</tr><tr>";
str+=m9250_gen_td(4,true,"PBSCCatalog.asp?CatID=166797","_self","199","48","Button5");
if (bHor==false) str+="</tr><tr>";
str+=m9250_get_menutd(5,3,true,1,0,0,3,3,"199","48","Button6");
str+="</tr>";
str+="</table>";
return str;
};
result=m9250_get_table(false);
document.write(result);