Integration de rollover sur map (code Dream Weaver)

**Inccube** · 03/06/2010, 10h45

Bonjour a tous,

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

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 :

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

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

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 ?

**SpaceFrog** · 03/06/2010, 11h18

elle est ou la fonction rollover ???

**Inccube** · 03/06/2010, 11h35

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

Voici le script entier

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

**SpaceFrog** · 03/06/2010, 11h38

Code :

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

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

il manque le premier argument ...

Code :

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

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

**Inccube** · 03/06/2010, 11h45

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 :

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

onmouseover="rollover_tjs('page-intro','images/XXX/XXX.jpg')"

**SpaceFrog** · 03/06/2010, 11h54

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

**Inccube** · 03/06/2010, 11h59

of course ^^

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

**SpaceFrog** · 03/06/2010, 12h04

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

**Inccube** · 03/06/2010, 13h48

l'erreur est la alors...

Si je modifie

Code :

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

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

en

Code :

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

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

Pour simplifier voici ma page complete :

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

**SpaceFrog** · 03/06/2010, 14h38

Code :

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

document.getElementById(nom)

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

essaye

Code :

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

1
2
 
document.getElementById(nom).getElementsByTagName('param')['movie'].value=src

ou un truc du genre

**Inccube** · 03/06/2010, 14h43

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 ?

Integration de rollover sur map (code Dream Weaver)

JavaScript

Discussions similaires

Partager

Partager