Sujet Précédent Sujet Suivant

Affichage image

mp3access Messages postés 3 Date d'inscription mardi 17 juillet 2007 Statut Membre Dernière intervention 9 octobre 2007 - 9 oct. 2007 à 10:45
mp3access Messages postés 3 Date d'inscription mardi 17 juillet 2007 Statut Membre Dernière intervention 9 octobre 2007 - 9 oct. 2007 à 18:41
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+="0) str+=" target=""+strTdTarget+""";
str+=">";
if(strTdIcon.length>0){
if(iTdIconAlign==0) str+=""+strTdText;
else if(iTdIconAlign==1) str+=strTdText+"";
else if(iTdIconAlign==2) str+="
"+strTdText;
else if(iTdIconAlign==3) str+=strTdText+"
";
}
else str+=strTdText;
str+="</td></tr>";
return str;
};
function m9250_get_menu(iMIndex)
{
str="
";
str+="
";
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+="\";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&nbsp;&nbsp;&nbsp;&nbsp;\",0);
str+=m9250_get_menu_tb_td(0,2,false,\"PBSCCatalog.asp?CatID=229195\",\"_self\",\"\",\"Lecteurs plus de 4 GO&nbsp;&nbsp;\",0);
str+="
";
}
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+="\";str+=m9250_get_menu_tb_td(1,0,false,\"PBSCCatalog.asp?CatID=230173\",\"_self\",\"\",\"Autoradio&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\",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é&nbsp;&nbsp;\",0);
str+=m9250_get_menu_tb_td(1,3,false,\"PBSCCatalog.asp?CatID=229194\",\"_self\",\"\",\"Sécurité auto&nbsp;&nbsp;&nbsp;&nbsp;\",0);
str+="
";
}
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+="\";str+=m9250_get_menu_tb_td(2,0,false,\"PBCPPlayer.asp?ID=181235\",\"_self\",\"\",\"Housse étui&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\",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&nbsp;&nbsp;\",0);
str+=m9250_get_menu_tb_td(2,3,false,\"PBSCCatalog.asp?CatID=127737\",\"_self\",\"\",\"Chargeur&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\",0);
str+="
";
}
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+="\";str+=m9250_get_menu_tb_td(3,0,false,\"PBCPPlayer.asp?ID=181235\",\"_self\",\"\",\"Housse étui&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\",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&nbsp;&nbsp;\",0);
str+=m9250_get_menu_tb_td(3,3,false,\"PBSCCatalog.asp?CatID=127737\",\"_self\",\"\",\"Chargeur&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\",0);
str+="
";
};
str+="

";
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+="";
str+="";
str+="</td>";
return str;
};
function m9250_gen_td(iIndex,bOver,sLink,sTarget,iWidth,iHeight,sHint) {
str="<td id="m9250_mbtn_td"+iIndex+"">";
str+="0)
 str+=" target=""+sTarget+""";
str+=">";
str+="";
str+="</td>";
return str;
};
function m9250_get_table(bHor) {
str="\";
str+=\"----
\";
str+=m9250_get_menutd(0,0,true,1,0,0,3,3,\"199\",\"48\",\"Button1\");
if (bHor==false) str+=\"----
\";
str+=m9250_get_menutd(1,1,true,1,0,0,3,3,\"199\",\"48\",\"Button2\");
if (bHor==false) str+=\"----
\";
str+=m9250_get_menutd(2,2,true,1,0,0,3,3,\"199\",\"48\",\"Button3\");
if (bHor==false) str+=\"----
\";
str+=m9250_gen_td(3,true,\"PBSCCatalog.asp?CatID=119162\",\"_self\",\"199\",\"48\",\"Button4\");
if (bHor==false) str+=\"----
\";
str+=m9250_gen_td(4,true,\"PBSCCatalog.asp?CatID=166797\",\"_self\",\"199\",\"48\",\"Button5\");
if (bHor==false) str+=\"----
\";
str+=m9250_get_menutd(5,3,true,1,0,0,3,3,\"199\",\"48\",\"Button6\");
str+=\"\";
str+="
";
return str;
};
result=m9250_get_table(false);
document.write(result);

4 réponses

Réponse 1 / 4
XtremDuke Messages postés 626 Date d'inscription samedi 28 septembre 2002 Statut Membre Dernière intervention 18 mai 2009 4
9 oct. 2007 à 11:22
Waw, tu peux pas plutôt nous fournir l'adresse de ta page (si elle est en ligne) ?
0
Réponse 2 / 4
mp3access Messages postés 3 Date d'inscription mardi 17 juillet 2007 Statut Membre Dernière intervention 9 octobre 2007
9 oct. 2007 à 11:26
www.mp3access.fr
0
Réponse 3 / 4
PetoleTeam Messages postés 3426 Date d'inscription lundi 26 décembre 2005 Statut Membre Dernière intervention 14 janvier 2011 17
9 oct. 2007 à 18:12
B



onjour...




Les noms des images à l'initialisation ne sont pas les mêmes que ceux après le mouveover ou mouseout
exemple
dans l'initialisation tu écris :
  m9250_btnImages[i][j].src = 'Files/19201/m9250_mbtn' + i + '_' + j + '.gif';

et tu initialises dans la fonction m9250_gen_td() et m9250_get_menutd()
  str+="

il manque un / entre 19201 et m9250_mbtn

;0)



<>
0
Réponse 4 / 4
mp3access Messages postés 3 Date d'inscription mardi 17 juillet 2007 Statut Membre Dernière intervention 9 octobre 2007
9 oct. 2007 à 18:41
Super
c'est exactement cela
merci beaucoup
0

Discussions similaires

image avec FPDF
cs_sebalex -
Franck -

12 réponses
vectoriser un logo sous photoshop
cs_babidou -
harleyman37 -

11 réponses
[Photoshop] : Image noir et blanc en image blanc et noir ?
kristoufiol -
titoine2000 -

4 réponses
insérer une image dans une form
cs_jordinette -
Warning -

2 réponses
Insertion d'image dans FPDF
FM35 -
pappycami -

3 réponses
Rejoignez-nous