11540 sujets

JavaScript, DOM et API Web HTML5

bonjour à tous,

Je suis nouveau en développement (enfin, pour etre précis, je maitrise un peu CSS2.1 mais je débute en xhtml)

Comme Raphael le conseille, j'étudie des codes de sites web facile (j'en ai pris un au hasard)

Je sollicitais votre aide pour comprendre un code :
1/ déjà, le fait qu'il lance un style et non une feuille de style, ca ne serait pas conseillé, est ce vrai?

2/ ensuite, je ne comprends pas l'intérêt du script....
c'est pour lancer une image animée?
et le body onload, c'est pour intégrer le script?

Merci pour votre aide

Voici le code


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

^^^^^^

<style type="text/css">
<!—
^^^^^^
</style>
<script type="text/JavaScript">
<!--<a href='http://www.startwebinfo.com'>magazine web</a> - <a href='http://www.startwebinfo.com/communiques-de-presse-gratuit'>communique de presse</a>
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];}
}
//-->
</script>
</head>

<body onload="MM_preloadImages('image/question11.jpg','image/bon-cadeau11.jpg','image/promotion11.jpg','image/tarif11.jpg','image/contact11.jpg','image/s.elle-lui21.jpg','image/s.mains21.jpg','image/cils-sourcils21.jpg','image/e.elle21.jpg','image/e.lui21.jpg')">
<div id="Layer21" style="position: absolute; left: 11px; top: 20px; width: 170px; height: 232px; z-index: 1"><img src="image/logo1.jpg" alt="marie claire" width="170" height="232" /></div>
<div id="Layer22" style="position: absolute; left: 187px; top: 20px; width: 1146px; height: 232px; z-index: 2"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="1146" height="232" title="marie claire esthetique">
      <param name="movie" value="Esthete1.swf" />
      <param name="quality" value="high" /><param name="BGCOLOR" value="eaeaea" />
      <embed src="Esthete1.swf" width="1146" height="232" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" bgcolor="eaeaea"></embed>
    </object></div>



ps : quand je mets ^^^^, c'est pour enlever du code superflu car il met des layers partout....[/i][/i][/i][/i][/i][/i]
Modifié par unmondedecreation (29 Aug 2012 - 22:15)
Bonjour,

Ce site semble assez mal codé et utilise des éléments non standards. À première vue, ça a l'air de sortir d'une vieille version dreamweaver.

Si tu veux apprendre javascript, je te conseillerais plutôt d'étudier des sites web bien construits ou des tutoriels.

Quand au script, il télécharge des images en avance et "switch" des images sur l'action de survol (ce qui aurait probablement pu se faire en CSS avec la pseudo classe :hover)