erreur Onload dans balise IMG

**migaleb** · 22/05/2007, 12h45

Bonjour à tous et merci d'avance à celui ou celle qui pourra m'aider.

Mes pages sont en XHTML 1.0 Transitional

Je suis pas très pro en javascrip et j'utilise dreamwever et j'ai donc choisi l'option insertion/barre de navigation proposée par le logiciel.
Si je comprends bien le fonctionnement du générateur qui me donne le code suivant:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<script type="text/javascript">
<!--
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_nbGroup(event, grpName) { //v6.0
  var i,img,nbArr,args=MM_nbGroup.arguments;
  if (event == "init" && args.length > 2) {
    if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
      img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
      if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
      nbArr[nbArr.length] = img;
      for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
        if (!img.MM_up) img.MM_up = img.src;
        img.src = img.MM_dn = args[i+1];
        nbArr[nbArr.length] = img;
    } }
  } else if (event == "over") {
    document.MM_nbOver = nbArr = new Array();
    for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
      nbArr[nbArr.length] = img;
    }
  } else if (event == "out" ) {
    for (i=0; i < document.MM_nbOver.length; i++) {
      img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
  } else if (event == "down") {
    nbArr = document[grpName];
    if (nbArr)
      for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
    document[grpName] = nbArr = new Array();
    for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
      nbArr[nbArr.length] = img;
  } }
}
//-->
</script>
</head>
 
<body onload="MM_preloadImages('.../images/m1.jpg','.../images/m1_2.jpg','.../images/m3_2.jpg','.../images/m4_2.jpg','.../images/m5_2.jpg','.../images/m6_2.jpg')">
<table border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','menu1','.../images/m1_2.jpg',1)" onmouseover="MM_nbGroup('over','menu1','.../images/m1_2.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="../images/m1.jpg" alt="" name="menu1" border="0" id="menu1" onload="MM_nbGroup('init','group1','menu1','.../images/m1.jpg',1)" /></a></td>
    <td><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','menu2','.../images/m1_2.jpg',1)" onmouseover="MM_nbGroup('over','menu2','.../images/m1_2.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="../images/m2.jpg" alt="" name="menu2" border="0" id="menu2" onload="" /></a></td>
    <td><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','menu3','.../images/m3_2.jpg',1)" onmouseover="MM_nbGroup('over','menu3','.../images/m3_2.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="../images/m3.jpg" alt="" name="menu3" border="0" id="menu3" onload="" /></a></td>
    <td><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','menu4','.../images/m4_2.jpg',1)" onmouseover="MM_nbGroup('over','menu4','.../images/m4_2.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="../images/m4.jpg" alt="" name="menu4" border="0" id="menu4" onload="" /></a></td>
    <td><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','menu5','.../images/m5_2.jpg',1)" onmouseover="MM_nbGroup('over','menu5','.../images/m5_2.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="../images/m5.jpg" alt="" name="menu5" border="0" id="menu5" onload="" /></a></td>
    <td><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','menu6','.../images/m6_2.jpg',1)" onmouseover="MM_nbGroup('over','menu6','.../images/m6_2.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="../images/m6.jpg" alt="" name="menu6" border="0" id="menu6" onload="" /></a></td>
  </tr>
</table>
</body>

Mais ce code me donner les erreurs suivantes
L'attribut `onload` n'est pas autorisé; dans la balise img.

Comme je tiens à ce que mon code soit validé W3C, comment auriez vous la gentillesse de me dire comment je peux modifier ce code pour que celui fonctionne sans l'atribut onload.

Merci d'avance

Migaleb

**SpaceFrog** · 22/05/2007, 13h04

onload est accepté dans la balise body ...

**migaleb** · 22/05/2007, 13h40

Oui mais là c'est dans les balises images,
...<onclick="MM_nbGroup('down','group1','menu5','.../images/m5_2.jpg',1)" onmouseover="MM_nbGroup('over','menu5','.../images/m5_2.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="../images/m5.jpg" alt="" name="menu5" border="0" id="menu5" onload="" /></a></td>
<td><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','menu6','.../images/m6_2.jpg',1)" onmouseover="MM_nbGroup('over','menu6','.../images/m6_2.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="../images/m6.jpg" alt="" name="menu6" border="0" id="menu6" onload="" /></a></td>

**SpaceFrog** · 22/05/2007, 13h42

oui merci j'avais capté ...

je disais donc puisqu'il faut mettre les points sur les i les barres sur les t et les onload dans la balise body ...

qu'il faut passser par le onlaod du body pour lancer une fonction qui fera à tes images tout ce que tu veux bien leur faire ...

**migaleb** · 22/05/2007, 13h48

Merci c'est bon j'ai compris, je te remercie beaucoup, j'avais compliqué les choses dans ma tête, cas mes pages dépendent d'un modèle ça peut pas marcher, je m'en rends compte,

MERCI

erreur Onload dans balise IMG

JavaScript

Discussions similaires

Partager

Partager