Problême affichage menu sous chrome et firefox.

Résolu
stef1010 Messages postés 3 Date d'inscription dimanche 16 mai 2010 Statut Membre Dernière intervention 3 juin 2010 - 30 mai 2010 à 14:14
stef1010 Messages postés 3 Date d'inscription dimanche 16 mai 2010 Statut Membre Dernière intervention 3 juin 2010 - 3 juin 2010 à 00:54
Bonjour, j'ai décidé de franchir le grand pas : créé mon site.
J'ai récupéré un code sources de se site avec un menu qui réagis quand la souris se pose dessus.
Seulement voila sur internet explorer se menu fonctionne a merveille.
Mais su chrome et firefox, il y a un problême.
Quand la souris survole une des options du menu, ce n'es pas seulement l'option qui change de couleur mais tous le fond de la page aussi.
Je galère vraiment sa fait deux semaines que je cherche une solutions sans résultat.
Voici mon code java:

//Static Slide Menu 6.5 © MaXimuS 2000-2001, All Rights Reserved.
//Site: http://www.absolutegb.com/maximus
//E-mail: maximus@nsimail.com
//Script featured on Dynamic Drive (http://www.dynamicdrive.com)

NS6 = (document.getElementById&&!document.all)
IE = (document.all)
NS = (navigator.appName=="Netscape" && navigator.appVersion.charAt(0)=="4")

tempBar='';barBuilt=0;ssmItems=new Array();


moving=setTimeout('null',1)
function moveOut() {
if ((NS6||NS)&&parseInt(ssm.left)<0 || IE && ssm.pixelLeft<0) {
clearTimeout(moving);moving = setTimeout('moveOut()', slideSpeed);slideMenu(10)}
else {clearTimeout(moving);moving=setTimeout('null',1)}};
function moveBack() {clearTimeout(moving);moving = setTimeout('moveBack1()', waitTime)}
function moveBack1() {
if ((NS6||NS) && parseInt(ssm.left)>(-menuWidth) || IE && ssm.pixelLeft>(-menuWidth)) {
clearTimeout(moving);moving = setTimeout('moveBack1()', slideSpeed);slideMenu(-10)}
else {clearTimeout(moving);moving=setTimeout('null',1)}}
function slideMenu(num){
if (IE) {ssm.pixelLeft += num;}
if (NS||NS6) {ssm.left = parseInt(ssm.left)+num;}
if (NS) {bssm.clip.right+=num;bssm2.clip.right+=num;}}

function makeStatic() {
if (NS||NS6) {winY = window.pageYOffset;}
if (IE) {winY = document.body.scrollTop;}
if (NS6||IE||NS) {
if (winY!=lastY&&winY>YOffset-staticYOffset) {
smooth = .2 * (winY - lastY - YOffset + staticYOffset);}
else if (YOffset-staticYOffset+lastY>YOffset-staticYOffset) {
smooth = .2 * (winY - lastY - (YOffset-(YOffset-winY)));}
else {smooth=0}
if(smooth > 0) smooth = Math.ceil(smooth);
else smooth = Math.floor(smooth);
if (IE) bssm.pixelTop+=smooth;
if (NS6||NS) bssm.top=parseInt(bssm.top)+smooth
lastY = lastY+smooth;
setTimeout('makeStatic()', 1)}}

function buildBar() {
if(barText.indexOf(' language="JavaScript1.2"></SCRIPT>
<script type="text/javascript" src="./lmpres80.js"></script><noscript>
</noscript>
<script type="text/javascript">InitResID(1)</script>
<title>FORD MUSTANG WORLD</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="imagetoolbar" content="no">
<meta http-equiv="imagetoolbar" content="false">
<meta name="generator" content="LMSOFT Web Creator, Version:5.1.0.1">
<META NAME="KEYWORDS" CONTENT="ford mustang world fordmustangworld">
<META NAME="DESCRIPTION" CONTENT="Tous sur la Ford mustang">
<META NAME="AUTHOR" CONTENT="Dechevis Stéphane">
<META NAME="CREATION_DATE" CONTENT="12/05/2010">
<META HTTP-EQUIV="CONTENT-LANGAGE" CONTENT="francais">
<link href="index.css" rel="stylesheet" type="text/css">
</head>

<script type="text/javascript">
var projectroot="./";
</script>
<script type="text/javascript" src="./lmpres80.js"></script><noscript>
</noscript>
<script type="text/javascript">InitResID(1)</script>





[[mailto:stef1010@live.fr 
]




















































<script type="text/javascript">
//LMSOFT Web Creator, Version:5.1.0.1
//LMSOFT Kernel 80

var LMObjects = new Array();
var pub_home = "./index.html"
var objindex=0;
var Stretch=2;
var Position=0;
var ScaleW=1.000000;
var ScaleH=1.000000;
var fontbase=96.;
//---------------------------------------------------------------------------------------------
try {
if(isValideBrowser(4.00,4.00)) {
//---------------------------------------------------------------------------------------------
LMObjects[objindex++] = LMPage("Page",null,null,null);
LMObjects[objindex++] = LMImage("Img1",1,0,null,0,null,null,null,null,0);
objlist = new Array();
objlist[0] = "Img1";
LMObjects[objindex++] = LMGroup("GSupport",1,objlist);
LMObjects[objindex++] = LMImage("Img3",1,0,null,0,null,null,null,null,0);
branchlist = new Array();
LMObjects[objindex++] = LMText("BodyText",1,0,null,0,null,branchlist,null,null,0,0,0,0);
LMObjects[objindex++] = LMImage("Img7",1,0,null,0,null,null,null,null,0);
objlist = new Array();
objlist[0] = "Img3";
objlist[1] = "BodyText";
objlist[2] = "Img7";
LMObjects[objindex++] = LMGroup("GCentre",1,objlist);
objlist = new Array();
LMObjects[objindex++] = LMGroup("GBanniere",1,objlist);
LMObjects[objindex++] = LMImage("Img5",1,0,null,0,null,null,null,null,0);
objlist = new Array();
objlist[0] = "Img5";
LMObjects[objindex++] = LMGroup("GMenu",1,objlist);
branchlist = new Array();
LMObjects[objindex++] = LMText("Txt15",1,0,null,0,null,branchlist,null,null,0,0,20,0);
branchlist = new Array();
LMObjects[objindex++] = LMText("Text2",1,0,null,0,null,branchlist,null,null,0,0,20,0);
branchlist = new Array();
LMObjects[objindex++] = LMText("Text6",1,0,null,0,null,branchlist,null,null,0,0,20,0);
objlist = new Array();
objlist[0] = "Txt15";
objlist[1] = "Text2";
objlist[2] = "Text6";
LMObjects[objindex++] = LMGroup("GDroite",1,objlist);
objlist = new Array();
LMObjects[objindex++] = LMGroup("Groupe1",1,objlist);
LMObjects[objindex++] = LMButton("Contacts",1,0,null,0,null,new LMBranch("0","mailto:stef1010@live.fr"),null,"Mon adresse mail",null,0,0,"./buttons/_gen_butdn0.gif",null,1);
LMObjects[objindex++] = LMCounter("Compteur1",1,null);
branchlist = new Array();
LMObjects[objindex++] = LMText("Text4",1,0,null,0,null,branchlist,null,null,0,0,20,0);
branchlist = new Array();
LMObjects[objindex++] = LMText("Text7",1,0,null,0,null,branchlist,null,null,0,0,0,0);
branchlist = new Array();
LMObjects[objindex++] = LMText("Text8",1,0,null,0,null,branchlist,null,null,0,0,0,0);
LMObjects[objindex++] = LMImage("Img2",1,0,null,0,null,null,null,null,0);
LMObjects[objindex++] = LMCounter("Compteur2",1,null);
branchlist = new Array();
LMObjects[objindex++] = LMText("Text1",1,0,null,0,null,branchlist,null,null,0,0,20,0);
branchlist = new Array();
LMObjects[objindex++] = LMText("Text3",1,0,null,0,null,branchlist,null,null,0,0,0,0);
//---------------------------------------------------------------------------------------------
}
}catch(e) {
alert(e.message);
}
var backpanel2=FindTagFromId("lmwcbackpanel2");
backpanel2.align="left";
SetBaseColor(0x3ef,0x3f1,0x89);
LMObjectAnimate(Stretch,Position,ScaleW,ScaleH);
</script><noscript>
</noscript>








</html>

Voiçi le css
.cLinkHidden {position:absolute; visibility:hidden; left:0px; top:0px; width:0px; height:0px; overflow:hidden;}
.cPage {visibility:visible;overflow:hidden;position:absolute;z-index:1;left:0px;top:0px;}
.cLMImagePage {width:1024px;height:1000px;border:0px;}
.cImg1 {visibility:visible;overflow:hidden;position:absolute;z-index:2;left:92px;top:-1px;}
.cLMImageImg1 {width:810px;height:1000px;border:0px;}
.cGSupport {visibility:visible;overflow:hidden;position:absolute;z-index:3;left:0px;top:0px;width:0px;height:0px;}
.cImg3 {visibility:visible;overflow:hidden;position:absolute;z-index:4;left:127px;top:286px;}

.cBodyText {visibility:visible;position:absolute;z-index:5;left:136px;top:559px;width:436px;height:278px;}
.cLMTxtBodyText {visibility:inherit;padding:0 0 0 0px;position:relative;left:0px;top:0px;width:436px;height:278px;}
.cImg7 {visibility:visible;overflow:hidden;position:absolute;z-index:6;left:600px;top:366px;}
.cLMImageImg7 {width:1px;height:450px;border:0px;}
.cGCentre {visibility:visible;overflow:hidden;position:absolute;z-index:7;left:0px;top:0px;width:0px;height:0px;}
.cGBanniere {visibility:visible;overflow:hidden;position:absolute;z-index:8;left:0px;top:0px;width:0px;height:0px;}
.cImg5 {visibility:visible;overflow:hidden;position:absolute;z-index:9;left:127px;top:78px;}

.cGMenu {visibility:visible;overflow:hidden;position:absolute;z-index:10;left:0px;top:0px;width:0px;height:0px;}
.cTxt15 {visibility:visible;position:absolute;z-index:11;left:616px;top:661px;width:128px;height:17px;}
.cLMTxtTxt15 {visibility:inherit;padding:0 0 0 0px;position:relative;left:0px;top:0px;width:108px;height:17px;}
.cText2 {visibility:visible;position:absolute;z-index:12;left:654px;top:364px;width:110px;height:33px;}
.cLMTxtText2 {visibility:inherit;padding:0 0 0 0px;position:relative;left:0px;top:0px;width:90px;height:33px;}
.cText6 {visibility:visible;position:absolute;z-index:13;left:630px;top:363px;width:35px;height:25px;}
.cLMTxtText6 {visibility:inherit;padding:0 0 0 0px;position:relative;left:0px;top:0px;width:15px;height:25px;}
.cGDroite {visibility:visible;overflow:hidden;position:absolute;z-index:14;left:0px;top:0px;width:0px;height:0px;}
.cGroupe1 {visibility:visible;overflow:hidden;position:absolute;z-index:15;left:0px;top:0px;width:0px;height:0px;}
.cContacts {visibility:visible;overflow:hidden;position:absolute;z-index:16;left:432px;top:960px;}
.cLMButtonContacts {width:159px;height:35px;border:0px;}
.cCompteur1 {visibility:visible;overflow:hidden;position:absolute;z-index:17;left:795px;top:88px;width:48px;height:48px;}
.cText4 {visibility:visible;position:absolute;z-index:18;left:616px;top:496px;width:128px;height:17px;}
.cLMTxtText4 {visibility:inherit;padding:0 0 0 0px;position:relative;left:0px;top:0px;width:108px;height:17px;}
.cText7 {visibility:visible;position:absolute;z-index:19;left:616px;top:684px;width:177px;height:85px;}
.cLMTxtText7 {visibility:inherit;padding:0 0 0 0px;position:relative;left:0px;top:0px;width:177px;height:85px;}
.cText8 {visibility:visible;position:absolute;z-index:20;left:616px;top:525px;width:170px;height:138px;}
.cLMTxtText8 {visibility:inherit;padding:0 0 0 0px;position:relative;left:0px;top:0px;width:170px;height:138px;}
.cImg2 {visibility:visible;overflow:hidden;position:absolute;z-index:21;left:135px;top:90px;}
.cLMImageImg2 {width:710px;height:164px;border:0px;}
.cCompteur2 {visibility:visible;overflow:hidden;position:absolute;z-index:22;left:210px;top:345px;width:299px;height:171px;}
.cText1 {visibility:visible;position:absolute;z-index:23;left:616px;top:397px;width:128px;height:17px;}
.cLMTxtText1 {visibility:inherit;padding:0 0 0 0px;position:relative;left:0px;top:0px;width:108px;height:17px;}
.cText3 {visibility:visible;position:absolute;z-index:24;left:616px;top:418px;width:163px;height:77px;}
.cLMTxtText3 {visibility:inherit;padding:0 0 0 0px;position:relative;left:0px;top:0px;width:163px;height:77px;}


J'espère que vous saurez me venir en aide.
Merçi d'avance.

4 réponses

PetoleTeam Messages postés 3426 Date d'inscription lundi 26 décembre 2005 Statut Membre Dernière intervention 14 janvier 2011 17
2 juin 2010 à 18:20
Bonjour,
après réindentation et mise en commentaire du superflu, la fonction devient
function buildMenu() {
  if (IE || NS6) {
    document.write('

');
  }
//  if (NS) {
//    document.write('<layer name= "basessm1" top="' + YOffset + '" left=' + XOffset + ' visibility="show"><layer visibility="hide" name="thessm" bgcolor="' + menuBGColor + '" left="' + (-menuWidth) + '" onmouseover="moveOut()" onmouseout="moveBack()">');
//  }
  if (NS6) {
    document.write('');
}
document.write('<table border="0" cellpadding="0" cellspacing="1" width="' + (menuWidth + barWidth + 2) + '" bgcolor="' + menuBGColor + '">');
for (i = 0; i < ssmItems.length; i++) {
if (!ssmItems[i][3]) {
ssmItems[i][3] = menuCols;
ssmItems[i][5] = menuWidth - 1;
} else if (ssmItems[i][3] != menuCols) ssmItems[i][5] = Math.round(menuWidth * (ssmItems[i][3] / menuCols) - 1);
if (ssmItems[i - 1] && ssmItems[i - 1][4] != "no") {
document.write('----
');
}
if (!ssmItems[i][1]) {
document.write(',   ' + ssmItems[i][0] + ' </td>');
} else {
if (!ssmItems[i][2])
ssmItems[i][2]  = linkTarget;
document.write('');
//      document.write('<layer onmouseover="bgColor=\'' + linkOverBGColor + '\'" onmouseout="bgColor=\'' + linkBGColor + '\'" width="100%" align="' + linkAlign + '">');
document.write('
 ' + ssmItems[i][0] + '
');
//      document.write('</layer>');
document.write(', ');
}
if (ssmItems[i][4] != \"no\" && barBuilt == 0) {
buildBar();
barBuilt = 1;
}
if (ssmItems[i][4] != \"no\") {
document.write('');
}
}
  document.write('
');
  if (NS6) {
    document.write('</td></tr></table>');
  }
  if (IE || NS6) {
    document.write('

');
  }
//  if (NS) {
//    document.write('</layer></layer>');
//  }
  theleft = -menuWidth;
  lastY = 0;
  setTimeout('initSlide();', 1);
}

pas été voir plus loin, mais il est possible qu'il y ai encore çà et là de petits tracas...

;O)
3
PetoleTeam Messages postés 3426 Date d'inscription lundi 26 décembre 2005 Statut Membre Dernière intervention 14 janvier 2011 17
1 juin 2010 à 23:17
Bonjour,
Yo !!!! il fallait le déterrer celui la, néanmoins le soucis vient de la prise en compte des ILAYER et LAYER qui ne sont corrects que sous feu NetScape et qui visiblement mettent la pagaille sur les navigateurs modernes.

;O)
0
stef1010 Messages postés 3 Date d'inscription dimanche 16 mai 2010 Statut Membre Dernière intervention 3 juin 2010
2 juin 2010 à 10:14
Bonjour, ah ok Merçi pour ta réponse et il y en a quelques un en plus.
Vois tu une solution a cela? Que puis je utilisé d'autres?
Ou dois je tous simplement changer mon menu?
0
stef1010 Messages postés 3 Date d'inscription dimanche 16 mai 2010 Statut Membre Dernière intervention 3 juin 2010
3 juin 2010 à 00:54
Bonjour,
Franchement merçi.
Je galérait depuis deux semaine la dessus.
Tu m'as rendu un immense service.
0