Integration de rollover sur map (code Dream Weaver)

Version imprimable

Bonjour a tous,

Je rencontre un soucis actuellement avec mon ami IE, que je n'arrive pas à résoudre. :aie:

IE me mets avec un beau logo panneau jaune et un point d'exclamation : Erreur, etc....
en détail : Objet attendu :?

voici le script de base :

Code:

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
 
<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_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_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>

et l'insersion dans HTML

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<img src="media/mark-flags.png" height="82" border="0" usemap="#brands"> 
 
          <map name="brands" id="brands">
           <area shape="rect" coords="109,40,186,82" href="http://www.XXX.com/" target="_blank" onmouseover="rollover_tjs('','images/XXX/XXX.jpg')"  />
           <area shape="rect" coords="201,3,248,48" href="intro-1.html" onmouseover="rollover_tjs('','images/1/1.jpg')" />
           <area shape="rect" coords="250,50,385,93" href="intro-2.html" onmouseover="rollover_tjs('','images/2/2.jpg')" />
           <area shape="rect" coords="318,-1,449,46" href="intro-3.html" onmouseover="rollover_tjs('','images/3/3.jpg')" />
           <area shape="rect" coords="514,-2,622,41" href="intro-4.html" onmouseover="rollover_tjs('','images/4/4.jpg')" />
           <area shape="rect" coords="439,48,545,92" href="intro-5.html" onmouseover="rollover_tjs('','images/5/5.jpg')" />
           <area shape="rect" coords="20,-6,165,40" href="intro-6.html" onmouseover="rollover_tjs('','images/sram/6/6.jpg')" />
           <area shape="rect" coords="590,48,681,90" href="page-7.html" onmouseover="rollover_tjs('','images/7/7.jpg')" />
           <area shape="rect" coords="650,-1,795,45" href="page-8.html" onmouseover="rollover_tjs('','images/8/8.jpg')" />
 
       </map>

Une solution ? :mouarf:

03/06/2010, 11h18
SpaceFrog

elle est ou la fonction rollover ???

au temps pour moi je l'avais viré pour voir si ca ne venait pas de ca justement.

Voici le script entier

Code:

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
 
<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_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_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 rollover_tjs(nom,src) {	
	document.images[nom].src=src;
}
 
</script>

Mais pour le coup l'erreur a maintenant changé et se transforme en : 'document.images[...] à la valeur Null ou n'est pas un objet :(

03/06/2010, 11h38
SpaceFrog
Code:

rollover_tjs('','images/1/1.jpg')

il manque le premier argument ...
Code:

1 2 3 function rollover_tjs(nom,src) { document.images[nom].src=src; }
03/06/2010, 11h45
Inccube

erf... j'aurais dû faire plus attention a ce que j'ai posté initialement.... :?

en fait l'argument est bien présent c'est :

Code:

onmouseover="rollover_tjs('page-intro','images/XXX/XXX.jpg')"
03/06/2010, 11h54
SpaceFrog

on peut voir (entre balises code ... bouton # de l'editeur) la balis eimage en question ...
elle a un name un id ?

of course ^^

Code:

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
 
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="800" height="360" align="middle" id="page-intro">
  <param name="movie" value="carrousselv3.swf" />
  <param name="quality" value="high" />
  <param name="wmode" value="transparent" />
  <param name="swfversion" value="9.0.45.0" />
  <!-- Cette balise <param> invite les utilisateurs de Flash Player en version 6.0 r65 et ultérieure à télécharger la version la plus récente de Flash Player. Supprimez-la si vous ne voulez pas que cette invite soit visible. -->
  <param name="expressinstall" value="Scripts/expressInstall.swf" />
  <!-- La balise <object> suivante est destinée aux navigateurs autres qu'IE. Supprimez-la d'IE à l'aide d'IECC. -->
  <!--[if !IE]>-->
  <object data="carrousselv3.swf" type="application/x-shockwave-flash" width="800" height="360" align="middle">
    <!--<![endif]-->
    <param name="quality" value="high" />
    <param name="wmode" value="transparent" />
    <param name="swfversion" value="9.0.45.0" />
    <param name="expressinstall" value="Scripts/expressInstall.swf" />
    <!-- Le navigateur affichera le contenu alternatif suivant pour les utilisateurs d'un lecteur Flash de version 6.0 ou de versions plus anciennes. -->
    <div>
      <h4>Le contenu de cette page nécessite une version plus récente d’Adobe Flash Player.</h4>
      <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Obtenir le lecteur Adobe Flash" width="112" height="33" /></a></p>
      </div>
    <!--[if !IE]>-->
    </object>
  <!--<![endif]-->
</object>
</td>

:roll:

03/06/2010, 12h04
SpaceFrog

y'a un souci là ...
tu essaye ^par le code de modifier le src d'une balise image ...
là tu me file le code d'une balise object ... 8O8O8O

l'erreur est la alors...

Si je modifie

Code:

1
2
3
4
 
function rollover_tjs(nom,src) {	
	document.images[nom].src=src;
}

Code:

1
2
3
4
 
function rollover_tjs(nom,src) {	
	document.object[nom].src=src;
}

ca passe ? --> non :(

Je ne sais pas comment m'y prendre...:calim2:

Pour simplifier voici ma page complete :

Code:

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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
 
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<meta name="description" content=" " />
<meta name="rating" content="General" />
<meta name="distribution" content="Global" />
<meta name="audience" content="all" />
<meta name="category" content="" />
<meta name="language" content=""/> 
<meta name="author" value="" />
 
<title> </title>
<link rel="Shortcut icon" href="favicon.ico" type="image/x-icon" />
<link href="css/moncss.css"  rel="stylesheet" type="text/css" />
 
 
<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_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_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 rollover_tjs(nom,src) {	
	document.objet[nom].src=src;
}
 
 
//-->
</script>
 
</head>
 
<body onload="MM_preloadImages('images/1/intro-1.jpg','images/2/intro-2.jpg','images/3/intro-3.jpg','images/4/intro-4.jpg','images/5/intro-5.jpg','images/6/intro-6.jpg','images/7/intro-7.jpg','images/8/intro-8.jpg','images/9/intro-9/.jpg')">
 
<table width="1160" height="569" align="center" cellspacing="0" class="table"> 
 
<tr>
<td height="135" colspan="2" class="fond-logo" > <img src="media/logo2.png" class="contact" alt="logo" width="282" height="126" border="0" />
 
</td>
<td width="815" align="center" valign="bottom" class="racers"><p>blablabla</p>
 </td>
<td width="71" rowspan="6" class="flags-country" valign="top" align="center">
<p><strong>Select</strong></p>
<p><strong>your</strong></p>
<p><strong>country </strong></p>
<p><strong>here</strong></p>
<p>&nbsp;</p>
<img src="media/flags.png" alt="Choose your language" width="65" height="382" border="0" align="middle" usemap="#country" />
 <map name="country" id="country" class="map">
           <area shape="rect" coords="9,0,55,43" href="http://www.monsite.fr" target="_blank" alt="Italy" />
        <area shape="rect" coords="9,63,55,104" href="http://www.monsite.fr" target="_blank" alt="Pays1" />
        <area shape="rect" coords="8,132,51,178" href="http://www.monsite.fr" target="_blank" alt="Pays2" />
        <area shape="rect" coords="9,203,53,247" href="http://www.monsite.fr" target="_blank" alt="Pays3" />
        <area shape="rect" coords="10,328,54,376" href="http://www.monsite.com" target="_blank" alt="Pays4" />
           <area shape="rect" coords="10,263,54,311" href="http://www.monsite.fr" target="_blank" alt="Pays5" />
       </map>
 
</td>
</tr>  
<tr>
    <td colspan="2" class="fond-compteur" align="center" height="82">
    <div class="connexion"> <a href="http://www.monsite.fr/form.php">Not register yet ? </a></div>
    <div> &nbsp; </div>
    <div class="connexion"> <a href="http://commerce.sage.com/monsite">Identification</a></div>
    </td>
 
<td class="fond-compteur" width="815" height="82" valign="top" align="center">
<img src="media/mark-flags.png" height="82" border="0" usemap="#brands"> 
 
          <map name="brands" id="brands">
           <area shape="rect" coords="109,40,186,82" href="http://www.1.com/" target="_blank" onmouseover="rollover_tjs('page-intro','images/1/intro-1.jpg')"  />
           <area shape="rect" coords="201,3,248,48" href="intro-2.html" onmouseover="rollover_tjs('page-intro','images/8/intro-2.jpg')" />
           <area shape="rect" coords="250,50,385,93" href="intro-3.html" onmouseover="rollover_tjs('page-intro','images/3/intro-3.jpg')" />
           <area shape="rect" coords="318,-1,449,46" href="intro-4.html" onmouseover="rollover_tjs('page-intro','images/4/intro-4.jpg')" />
           <area shape="rect" coords="514,-2,622,41" href="intro-5.html" onmouseover="rollover_tjs('page-intro','images/5/intro-5.jpg')" />
           <area shape="rect" coords="439,48,545,92" href="intro-6.html" onmouseover="rollover_tjs('page-intro','images/6/intro-6.jpg')" />
           <area shape="rect" coords="20,-6,165,40" href="intro-7.html" onmouseover="rollover_tjs('page-intro','images/7/intro-7/intro-7.jpg')" />
           <area shape="rect" coords="590,48,681,90" href="images/page-intro/page-intro-8.html" onmouseover="rollover_tjs('page-intro','images/8/intro-8.jpg')" />
           <area shape="rect" coords="650,-1,795,45" href="intro-9.html" onmouseover="rollover_tjs('page-intro','images/8/intro-9.jpg')" />
 
       </map>
       </td>
  </tr>
  <tr>
    <td height="163" align="center" class="bord-contact" colspan="2" style="color:#F00"> <a href="skype:blabla?call"><img src="media/contact.png" class="video" width="169" height="144" border="0" align="bottom" alt="Blabla corporate video" /> </a> </td>
 
<!--Carroussel -->
 
<td rowspan="4" height="360" align="center" valign="middle">
 
 
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="800" height="360" align="middle" id="page-intro">
  <param name="movie" value="carrousselv3.swf" />
  <param name="quality" value="high" />
  <param name="wmode" value="transparent" />
  <param name="swfversion" value="9.0.45.0" />
  <!-- Cette balise <param> invite les utilisateurs de Flash Player en version 6.0 r65 et ultérieure à télécharger la version la plus récente de Flash Player. Supprimez-la si vous ne voulez pas que cette invite soit visible. -->
  <param name="expressinstall" value="Scripts/expressInstall.swf" />
  <!-- La balise <object> suivante est destinée aux navigateurs autres qu'IE. Supprimez-la d'IE à l'aide d'IECC. -->
  <!--[if !IE]>-->
  <object data="carrousselv3.swf" type="application/x-shockwave-flash" width="800" height="360" align="middle">
    <!--<![endif]-->
    <param name="quality" value="high" />
    <param name="wmode" value="transparent" />
    <param name="swfversion" value="9.0.45.0" />
    <param name="expressinstall" value="Scripts/expressInstall.swf" />
    <!-- Le navigateur affichera le contenu alternatif suivant pour les utilisateurs d'un lecteur Flash de version 6.0 ou de versions plus anciennes. -->
    <div>
      <h4>Le contenu de cette page nécessite une version plus récente d’Adobe Flash Player.</h4>
      <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Obtenir le lecteur Adobe Flash" width="112" height="33" /></a></p>
      </div>
    <!--[if !IE]>-->
    </object>
  <!--<![endif]-->
</object>
 
 
</td>
  </tr>
  <tr>
  <td height="24" colspan="2" align="center" valign="middle" class="more"><strong><a href="http://www.monsite.fr/history.html">Want to know more about us ? </a></strong></td>
  </tr>
  <tr>
    <td height="150" colspan="2" rowspan="2" align="center" class="bord-video">
    <a href="http://www.monsite.fr/history.html"> <img src="media/video.jpg" class="video" width="169" height="144" border="0" align="middle" alt="monsite video" /></a></td>
  </tr>
</table>
</body>
</html>

03/06/2010, 14h38
SpaceFrog
Code:

document.getElementById(nom)

ensuite il n'a pas de src ...
tu veux modifier le swf ???

essaye
Code:

1 2 document.getElementById(nom).getElementsByTagName('param')['movie'].value=src
ou un truc du genre
03/06/2010, 14h43
Inccube

encore merci, je vais apporter les modifs.

En fait la seule chose que je veux retirer ce sont les messages d'erreurs qui apparaissent lorsque j'ouvre cette page via IE.

Je peux t'envoyer le lien via MP ?