bonjour,
j'ai un code javascript qui ne marche pas sous mozilla alors que sur IE,il marche très bien.
le code consiste à vérifier la taille de l'écran et à charger des images différentes à des endroits différents pour chaque taille d'écran.
voici le code:
<HTML>
<HEAD>
<TITLE>mymaky_home</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function test_ecran(){
var ecran='',ecranL='';
switch (screen.width) {
case 800 :{
menuL.style.top="10";
menuL.style.left="340";
menu1.style.top="10px";
menu1.style.left="0px";
menu.style.top="35px";
menu.style.left="125px";
logo.style.left="646px";
logo.style.top="575px";
ssrub.style.left="70px";
ecranL='ligneH2.jpg';
ecran='entete800.jpg';
menuL.innerHTML="<img src='"+ecranL+"' >";
menu.innerHTML="<img src='" +ecran+ "' onclick='mamafa();'>";
break;
}
case 1024 : {
menuL.style.top="6px";
menuL.style.left="503px";
menu1.style.top="6px";
menu1.style.left="125px";
menu.style.left="200px";
logo.style.left="780px";
logo.style.top="575px";
ecranL='ligneH1.jpg';
ecran='entete.jpg';
menuL.innerHTML="<img src='"+ecranL+"' >";
menu.innerHTML="<img src='" +ecran+ "' onclick='efface();'>";
break;
}
}
}
function efface(){
layer1.style.visibility="hidden";
layer2.style.visibility="hidden";
layer3.style.visibility="hidden";
layer4.style.visibility="hidden";
layer5.style.visibility="hidden";
}
//-->
</script>
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 onLoad="test_ecran();">
<div id="menuL" align="left" style=" left:503px; top:6px; position:absolute"></div>
<div id="menu1" align="left" style=" left:125px ;top:6px; position:absolute"><img src="ligneV1.jpg" border="0"> <img src="AC1.gif" name="Image2" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','AC2.gif',1)" width="41" height="10" border="0" align="absmiddle">
<img src="PR1.gif" name="Image3" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','PR2.gif',1)" width="93" height="13" border="0" align="absmiddle">
<img src="DE1.gif" name="Image4" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','DE2.gif',1)" width="78" height="11" border="0" align="absmiddle">
<img src="PH1.gif" name="Image5" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','PH2.gif',1)" width="87" height="12" border="0" align="absmiddle">
<img src="CO1.gif" name="Image61" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image61','','CO2.gif',1)" width="63" height="10" border="0" align="absmiddle">
</div>
<div id="menu" style="position : absolute; left : 200px; top : 30px"></div>
<div id="logo" style="position : absolute; left : 780px; top : 575px"><img src="logomaky.jpg" border="0"></div>
<div id="ssrub" style="position : absolute; left : 125px; top : 382px"><img src="ssrub.jpg" border="0"></div>
<div id="Layer1" style="position:absolute; width:90px; height:17px; background-image:url(k@net/images/k@net-intro.gif); layer-background-image:url(k@net/images/k@net-intro.gif); border:1px none #000000; z-index:1; "></div>
<div id="Layer2" style="position:absolute; width:81px; height:19px; background-image:url(k@net/images/k@net-intro.gif); layer-background-image:url(k@net/images/k@net-intro.gif); border:1px none #000000; z-index:1; "></div>
<div id="Layer3" style="position:absolute; width:98px; height:15px; background-image:url(k@net/images/k@net-intro.gif); layer-background-image:url(k@net/images/k@net-intro.gif); border:1px none #000000; z-index:1; "></div>
<div id="Layer4" style="position:absolute; width:64px; height:17px; background-image:url(k@net/images/k@net-intro.gif); layer-background-image:url(k@net/images/k@net-intro.gif); border:1px none #000000; z-index:1; "></div>
<div id="Layer5" style="position:absolute; width:43px; height:15px; background-image:url(k@net/images/k@net-intro.gif); layer-background-image:url(k@net/images/k@net-intro.gif); border:1px none #000000; z-index:1; "></div>
<table width="561" border="0" cellpadding="0" cellspacing="0" mm:layoutgroup="true">
<tr>
<td width="276" height="250"></td>
<td width="439"></td>
</tr>
<tr>
<td height="247"></td>
<td valign="top">Titre<br>
ceci est le corps rédactionnel d'une page type / Suggestions diverses
<p>espacement avant symbole trois espacements<br>
le texte est en corps 4 interlignage 6<br>
le principe de coloration retenue est de la gamme bleue<br>
les textes à symbole peuvent servir de départ d'hyperlien</p>
</td>
</tr>
</table>
</BODY>
</HTML>
aidez-moi à trouver où se touve l'erreur et que le code marche quel que soit le navigateur.