[GastForen Programmierung/Entwicklung JavaScript Problem bei gleichzeitiger Verwendung von imagemaps und swapImage

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

Problem bei gleichzeitiger Verwendung von imagemaps und swapImage

Corinne
Beiträge gesamt: 111

30. Aug 2012, 08:55
Beitrag # 1 von 1
Bewertung:
(1017 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo zusammen

Jetzt habe ich das Problem schon auf zwei Websites und möchte der Sache mal auf den Grund gehen.

Das Problem besteht nur im Internet Explorer (z. B. Version 9). Und zwar wenn ich auf einem imagemap ein onmouseover einfüge und damit die swapImage Funktion aufrufe passiert einfach nix. Sprich das Bild wird nicht gewechselt. Zum Beispiel im Firefox läuft aber alles tiptop.

Hat jemand eine Idee mit was der IE Mühe hat? Mein Code sieht so aus:

Im Head:
Code
<script 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_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 show_text(text) {
document.getElementById('infotext').innerHTML = text;
}

function hide_text() {
document.getElementById('infotext').innerHTML = '';
}

</script>


und im Body:
Code
<img src="Tuecher.jpg" alt="" width="460" height="419" border="0" id="Tuecher" usemap="#Tuecher" title="" /> 

<map name="Tuecher" id="Tuecher">
<area shape="poly" coords="197,8,222,133,246,134,260,4,219,2" href="/index.php" onmouseout="MM_swapImgRestore(); hide_text();" onmouseover="MM_swapImage('Tuecher','','M35_Orange.jpg',1); show_text('Hallo Welt');" />
<area shape="poly" coords="262,5,249,134,262,137,274,149,343,33,312,15" href="/index.php" onmouseout="MM_swapImgRestore(); hide_text();" onmouseover="MM_swapImage('Tuecher','','M36_Rot.jpg',1); show_text('Hallo Welt');" />
<area shape="poly" coords="344,36,276,151,287,166,394,72,375,48" href="/index.php" onmouseout="MM_swapImgRestore(); hide_text();" onmouseover="MM_swapImage('Tuecher','','M06_Rosa.jpg',1); show_text('Hallo Welt');" />
</map>

<div id="infotext"></div>


Vielen Dank für eure Hilfe.

Greez
Corinne
X