Problem mit map's IE stürtzt ab...

freddyxp · 31. Okt. 2006

Hallo

Ich bin neu in diesem Forum und beschäftige mich auch erst seit kurzen mit JS.

So..so viel erst mal zu mir.

Ich habe da ein sehr grosses Problem mit dem IE im zusammenspiel mit maps
ich habe mit JS eine Abfolge von Bilder realisiert, die mit einer Link gestartet wird , welchen ich mit einer "map" auf ein Bild gesetzt habe.Am ende der Abfolde setzt ich eine neu "map" auf das neue Bild.(Alles noch kein Problem, das schaft der ie auch noch).Wenn ich jetzt ein Feld betätige, welches auf eine Position liegt, wo das alte ("geklickte") Feld aus der alten map positioniert war, stürtz der IE ab und möchte MS ein Fehlermeldung senden. Die Details sagen aus das die MSHTML.dll schuld ist. Ach, der Firefox hat damit kein Problem.

also kann ich nicht ich nicht so viel falsch gemacht haben.Aber ich möchte gerne auch den Nutzern des IE's die Möglichkeit geben, diese Funktion
nutzten zu können.Vieleicht habt ihr hier schon mal so ein Problem gehabt und könnt mir helfen.
Wenn nicht ist auch nicht so schlimm dann fange ich den Fehler ab und IE Nutzer haben pech gehabt. wäre zwar unbefriedigent aber wenn MS das so will....

Code Beispiel
(Ich weiss jetzt nicht ob man hier code einfügen darf deshalb ist das nur das prinzip(ohne beachtung der richtigen Schreibweise von JS) reingesetzt.

PHP:

script>
   Bild1 laden 
   Bild2 laden
   Bild3 laden
arr_bild1=new Array(Bild1,Bild2,Bild3)
arr_bild2=new Array(Bild3,Bild2,Bild1)
count=1


function start(s_arr,s_map ){
new_map=s_map
arr_bild=s_arr
bildabfolge()
}

Function bildabfolde()
			document.images['b1'].src=arr_bild[count].src;
			count++;
			if (count<=3){
				ende=window.setTimeout('bildablauf()',100);
			}else{
                        window.document.images['b1'].useMap = map;
			clearTimeout(ende);
			count=1;	
			}
		}

/script>

<map name='map1'>
 <area ....... link=start(arr_bild1,'map2')>
</map>
<map name='map2'>
  <area ....... link=start(arr_bild2,'map2')>
</map>

<img src='ein bild' name='b1' usmap='map1' />

Ich bedanke mich schon mal in vorraus und hoffe es kann mir hier geholfen werden (denkanstoss)

MFG freddyxp

pit-r · 31. Okt. 2006

Moin!

Nachdem dkdenz einen wunderhübschen Kasten um Deinen Code gebastelt hat: wie wäre es mit echtem Code anstatt dieses Pseudo-Krams?

Ahoi - Pit

freddyxp · 31. Okt. 2006

So, hier der Code.Ich hoffe ich habe es jetzt geschaft,den code in eine Codebox zu packen.
PS: Kann sein das ich dieses kleine Script etwas kompiziert aufgebaut habe aber zu meiner Verteidigung "Bin noch am lernen". Und wie gesagt im FFox läut alles wunderbar.
Das mit den Arrays hätte ich am liebsten anders gemacht, hat aber nicht so ganz hingehauen. deshalb so....

PHP:

<html>
<head>
<meta http-equiv="Content-Language" content="en" />
<meta name="GENERATOR" content="PHPEclipse 1.0" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>title</title>
<script language="JavaScript">
  <!--        TLF_zu=new Image();
		
		TLFzu=new Image();
		TLFG2_1=new Image();
		TLFG2_2=new Image();
		TLFG2_3=new Image();
		TLFG2_4=new Image();
		TLFG2_5=new Image();
		TLFG2_6=new Image();
		TLFG2_7=new Image();
		TLFG2_auf=new Image();
		
		TLFG4_1=new Image();
		TLFG4_2=new Image();
		TLFG4_3=new Image();
		TLFG4_4=new Image();
		TLFG4_5=new Image();
		TLFG4_6=new Image();
		TLFG4_7=new Image();
		TLFG4_auf=new Image();
		
		TLFG2k_1=new Image();
		TLFG2k_2=new Image();
		TLFG2k_3=new Image();
		TLFG2k_4=new Image();
		TLFG2k_5=new Image();
		TLFG2k_6=new Image();
		TLFG2k_7=new Image();
		TLFG2k_auf=new Image();
		
		TLFG2sk_1=new Image();
		TLFG2sk_2=new Image();
		TLFG2sk_3=new Image();
		TLFG2sk_4=new Image();
		TLFG2sk_5=new Image();
		TLFG2sk_6=new Image();
		TLFG2sk_7=new Image();
		TLFG2sk_auf=new Image();
		
		TLFG2rk_1=new Image();
		TLFG2rk_2=new Image();
		TLFG2rk_3=new Image();
		TLFG2rk_4=new Image();
		TLFG2rk_5=new Image();
		TLFG2rk_6=new Image();
		TLFG2rk_7=new Image();
		TLFG2rk_auf=new Image();
		
		TLFG4k_1=new Image();
		TLFG4k_2=new Image();
		TLFG4k_3=new Image();
		TLFG4k_4=new Image();
		TLFG4k_5=new Image();
		TLFG4k_6=new Image();
		TLFG4k_7=new Image();
		TLFG4k_auf=new Image();
		
		TLFG2_zoom=new Image();
		TLFG4_zoom=new Image();
		TLFG2sk_zoom=new Image();
		TLFG4k_schl=new Image();
		
		
		TLFzu.src='TLFzu.jpg';
		
		TLFG2_1.src='TLFG2_1.jpg';
		TLFG2_2.src='TLFG2_2.jpg';
		TLFG2_3.src='TLFG2_3.jpg';
		TLFG2_4.src='TLFG2_4.jpg';
		TLFG2_5.src='TLFG2_5.jpg';
		TLFG2_6.src='TLFG2_6.jpg';
		TLFG2_7.src='TLFG2_7.jpg';
		TLFG2_auf.src='TLFG2_auf.jpg';
		
		TLFG4_1.src='TLFG4_1.jpg';		 
		TLFG4_2.src='TLFG4_2.jpg';		
		TLFG4_3.src='TLFG4_3.jpg';		
		TLFG4_4.src='TLFG4_4.jpg';		
		TLFG4_5.src='TLFG4_5.jpg';
		TLFG4_6.src='TLFG4_6.jpg';
		TLFG4_7.src='TLFG4_7.jpg';		
		TLFG4_auf.src='TLFG4_auf.jpg';		
		
		TLFG2k_1.src='TLFG2k_1.jpg';
		TLFG2k_2.src='TLFG2k_2.jpg';				
		TLFG2k_3.src='TLFG2k_3.jpg';
		TLFG2k_4.src='TLFG2k_4.jpg';
		TLFG2k_5.src='TLFG2k_5.jpg';
		TLFG2k_6.src='TLFG2k_6.jpg';
		TLFG2k_7.src='TLFG2k_7.jpg';				
		TLFG2k_auf.src='TLFG2k_auf.jpg';								
		
		TLFG2sk_1.src='TLFG2sk_1.jpg';			
		TLFG2sk_2.src='TLFG2sk_2.jpg';
		TLFG2sk_3.src='TLFG2sk_3.jpg';				
		TLFG2sk_4.src='TLFG2sk_4.jpg';
		TLFG2sk_5.src='TLFG2sk_5.jpg';
		TLFG2sk_6.src='TLFG2sk_6.jpg';
		TLFG2sk_7.src='TLFG2sk_7.jpg';				
		TLFG2sk_auf.src='TLFG2sk_auf.jpg';									
		
		TLFG2rk_1.src='TLFG2rk_1.jpg';				
		TLFG2rk_2.src='TLFG2rk_2.jpg';	
		TLFG2rk_3.src='TLFG2rk_3.jpg';
		TLFG2rk_4.src='TLFG2rk_4.jpg';
		TLFG2rk_5.src='TLFG2rk_5.jpg';
		TLFG2rk_6.src='TLFG2rk_6.jpg';
		TLFG2rk_7.src='TLFG2rk_7.jpg';				
		TLFG2rk_auf.src='TLFG2rk_auf.jpg';							
		
		TLFG4k_1.src='TLFG4k_1.jpg';				
		TLFG4k_2.src='TLFG4k_2.jpg';				
		TLFG4k_3.src='TLFG4k_3.jpg';
		TLFG4k_4.src='TLFG4k_4.jpg';
		TLFG4k_5.src='TLFG4k_5.jpg';
		TLFG4k_6.src='TLFG4k_6.jpg';
		TLFG4k_7.src='TLFG4k_7.jpg';				
		TLFG4k_auf.src='TLFG4k_auf.jpg';								
				
		TLFG2_zoom.src='TLFG2_zoom.jpg';				
		TLFG4_zoom.src='TLFG4_zoom.jpg';				
		TLFG2sk_zoom.src='TLFG2sk_zoom.jpg';				
		TLFG4k_schl.src='TLFG4k_schl.jpg';
		
				
		arr_G2_auf=new Array(TLFG2_1,TLFG2_2,TLFG2_3,TLFG2_4,TLFG2_5,TLFG2_6,TLFG2_7,TLFG2_auf);
		arr_G2_zu=new Array(TLFG2_7,TLFG2_6,TLFG2_5,TLFG2_4,TLFG2_3,TLFG2_2,TLFG2_1,TLFzu);		
	
		arr_G4_auf=new Array(TLFG4_1,TLFG4_2,TLFG4_3,TLFG4_4,TLFG4_5,TLFG4_6,TLFG4_7,TLFG4_auf);
		arr_G4_zu=new Array(TLFG4_7,TLFG4_6,TLFG4_5,TLFG4_4,TLFG4_3,TLFG4_2,TLFG4_1,TLFzu);
		
		arr_G2k_auf=new Array(TLFG2k_1,TLFG2k_2,TLFG2k_3,TLFG2k_4,TLFG2k_5,TLFG2k_6,TLFG2k_7,TLFG2k_auf)
		arr_G2k_zu=new Array(TLFG2k_7,TLFG2k_6,TLFG2k_5,TLFG2k_4,TLFG2k_3,TLFG2k_2,TLFG2k_1,TLFG2_auf)
		
		arr_G4k_auf=new Array(TLFG4k_1,TLFG4k_2,TLFG4k_3,TLFG4k_4,TLFG4k_5,TLFG4k_6,TLFG4k_7,TLFG4k_auf)
		arr_G4k_zu=new Array(TLFG4k_7,TLFG4k_6,TLFG4k_5,TLFG4k_4,TLFG4k_3,TLFG4k_2,TLFG4_1,TLFG4_auf)

		arr_G2rk_auf=new Array(TLFG2rk_1,TLFG2rk_2,TLFG2rk_3,TLFG2rk_4,TLFG2rk_5,TLFG2rk_6,TLFG2rk_7,TLFG2rk_auf);
		arr_G2rk_zu=new Array(TLFG2rk_7,TLFG2rk_6,TLFG2rk_5,TLFG2rk_4,TLFG2rk_3,TLFG2rk_2,TLFG2rk_1,TLFG2k_auf);
		
		arr_G2sk_auf=new Array(TLFG2sk_1,TLFG2sk_2,TLFG2sk_3,TLFG2sk_4,TLFG2sk_5,TLFG2sk_6,TLFG2sk_7,TLFG2sk_auf);
		arr_G2sk_zu=new Array(TLFG2sk_7,TLFG2sk_6,TLFG2sk_5,TLFG2sk_4,TLFG2sk_3,TLFG2sk_2,TLFG2sk_1,TLFG2k_auf);
		
		arr_G4schl_auf=new Array(TLFG4k_schl,TLFG4k_schl,TLFG4k_schl,TLFG4k_schl,TLFG4k_schl,TLFG4k_schl,TLFG4k_schl,TLFG4k_schl);
		arr_G4schl_zu=new Array(TLFG4k_schl,TLFG4k_schl,TLFG4k_schl,TLFG4k_schl,TLFG4k_schl,TLFG4k_schl,TLFG4k_schl,TLFG4k_schl);
		
		
		function init(){
			window.document.images['TLF'].useMap = '#TLFzu';	
		}
		
		count=1;
		
		function TLF(obj,m){
		arr=obj;
		map=m;	
		bildablauf();
		}
		
		function bildablauf(){
			document.images['TLF'].src=arr[count].src;
			
			
			count++;
			if (count<=7){
				ende=window.setTimeout('bildablauf()',100);
			}else{
			window.document.images['TLF'].useMap = map;
                        clearTimeout(ende);
			count=1;	
			}
		}
		-->
</script>
  
</head>
<body onload="javascript:init()" bgcolor="#FFFFFF" text="#000000" link="#FF9966" vlink="#FF9966" alink="#FFCC99">

<map name="TLFG2_auf" id="TLFG2_auf">
 <area shape="rect" coords="288,274,457,369" href="javascript:TLF(arr_G2k_auf,'#TLFG2k_auf')" alt="Klappe öffnen" title="Klappe öffnen" />
 <area shape="rect" coords="29,125,230,276" href="javascript:alert('Bitte erst das andere Rolltor schliessen')" alt="" />
 <area shape="rect" coords="331,134,450,264" href="javascript:alert('Um den Schwenkrahmen zu öffnen, muss erst die Klappe geöffnet werden.')" alt="Schwenkrahm" title="Schwenkrahm" />
 <area shape="rect" coords="246,144,309,155" href="#" alt="Leere Kiste" title="Leere Kiste" />
 <area shape="rect" coords="246,163,311,182" href="#" alt="" />
 <area shape="rect" coords="243,189,312,202" href="#" alt="" />
 <area shape="rect" coords="244,214,312,235" href="#" alt="" />
 <area shape="rect" coords="248,251,308,273" href="#" alt="Werkzeugkiste" title="Werkzeugkiste" />
 <area shape="rect" coords="242,115,452,133" href="javascript:TLF(arr_G2_zu,'#TLFzu')" alt="" />
</map>

<map name="TLFG2K_auf" id="TLFG2K_auf">
 <area shape="rect" coords="332,143,450,263" href="javascript:TLF(arr_G2sk_auf,'#TLFG2sk_auf')" alt="Schwenkrahmen" title="Schwenkrahmen" />
 <area shape="rect" coords="242,142,313,158" href="Leere Kiste" alt="" />
 <area shape="rect" coords="242,162,310,186" href="#" alt="" />
 <area shape="rect" coords="242,189,309,204" href="#" alt="" />
 <area shape="rect" coords="242,213,313,236" href="#" alt="" />
 <area shape="rect" coords="242,248,308,277" href="#" alt="Werkzeugkiste" title="Werkzeugkiste" />
 <area shape="rect" coords="289,291,322,311" href="#" alt="Sandkasten" title="Sandkasten" />
 <area shape="rect" coords="342,284,401,312" href="#" alt="Erste Hilfe Koffer" title="Erste Hilfe Koffer" />
 <area shape="rect" coords="407,276,449,295" href="#" alt="Löschdecke" title="Löschdecke" />
 <area shape="rect" coords="405,298,449,311" href="#" alt="Verbandskoffer" title="Verbandskoffer" />
 <area shape="rect" coords="310,321,378,359" href="#" alt="Kiste mit Ölbindemittel" title="Kiste mit Ölbindemittel" />
 <area shape="rect" coords="388,321,450,356" href="javascript:TLF(arr_G2rk_auf,'#TLFG2rk_auf')" alt="Rote Kiste rausholen" title="Rote Kiste rausholen" />
 <area shape="rect" coords="280,372,467,401" href="javascript:TLF(arr_G2k_zu,'#TLFG2_auf')" alt="" />
 <area shape="rect" coords="29,124,229,271" href="javascript:alert('Bitte erst das andere Rolltor schliessen')" alt="" />
 <area shape="rect" coords="241,125,452,139" href="javascript:alert('Es muss doch erst die Klappe geschlossen werden.')" alt="Rolltor schliessen" title="Rolltor schliessen" />
</map>

<map name="TLFG2rk_auf" id="TLFG2rk_auf">
 <area shape="rect" coords="192,404,556,479" href="javascript:TLF(arr_G2sk_zu,'#TLFG2k_auf')" alt="Fach schliessen" title="Fach schliessen" />
 <area shape="rect" coords="189,165,552,401" href="#" alt="Kiste zum Türen öffnen" title="Kiste zum Türen öffnen" />
</map>

<map name="TLFG4_auf" id="TLFG4_auf">
 <area shape="rect" coords="240,125,453,275" href="javascript:alert('Bitte erst das andere Rolltor schliessen')" alt="" />
 <area shape="rect" coords="19,276,119,364" href="javascript:TLF(arr_G4k_auf,'#TLFG4k_auf')" alt="Klappe öffnen" title="Klappe öffnen" />
 <area shape="rect" coords="37,150,137,208" href="#" alt="Schnellangriff" title="Schnellangriff" />
 <area shape="poly" coords="182,140,183,141,194,201,166,201,182,139,182,139" href="#" alt="Verkehrleitkegel" title="Verkehrleitkegel" />
 <area shape="rect" coords="197,167,215,205" href="#" alt="Blitzerlampe" title="Blitzerlampe" />
 <area shape="rect" coords="162,216,227,230" href="#" alt="" />
 <area shape="rect" coords="166,234,226,248" href="#" alt="Selter" title="Selter" />
 <area shape="rect" coords="165,252,227,272" href="#" alt="Gullydichtkissen" title="Gullydichtkissen" />
 <area shape="rect" coords="44,218,114,268" href="#" alt="B-Schläuche" title="B-Schläuche" />
 <area shape="rect" coords="28,125,232,138" href="javascript:TLF(arr_G4_zu,'#TLFzu')" alt="" />
</map>



<map name="TLFG4k_auf" id="TLFG4k_auf">
 <area shape="rect" coords="36,157,140,210" href="#" alt="Schnellangriff" title="Schnellangriff" />
 <area shape="rect" coords="41,220,109,270" href="javascript:TLF(arr_G4schl_auf,'#TLFG4k_schl')" alt="Klick doch " title="Klick doch " />
 <area shape="rect" coords="164,214,227,232" href="#" alt="" />
 <area shape="rect" coords="165,234,227,248" href="#" alt="Selter" title="Selter" />
 <area shape="rect" coords="164,255,227,275" href="#" alt="Gullydichtkissen" title="Gullydichtkissen" />
 <area shape="rect" coords="83,324,120,358" href="#" alt="Verteiler" title="Verteiler" />
 <area shape="rect" coords="27,292,45,337" href="#" alt="noch nen B-Schlauch" title="noch nen B-Schlauch" />
 <area shape="rect" coords="46,310,74,340" href="#" alt="B-Druckabgang" title="B-Druckabgang" />
 <area shape="rect" coords="0,366,121,397" href="Javascript:TLF(arr_G4k_zu,'#TLFG4_auf')" alt="Klappe schliessen" title="Klappe schliessen" />
 <area shape="poly" coords="182,142,183,143,193,203,166,201,182,140" href="#" alt="Verkehrsleitkegel" title="Verkehrsleitkegel" />
 <area shape="rect" coords="197,165,216,203" href="#" alt="Blitzerlampe" title="Blitzerlampe" />
 <area shape="rect" coords="238,124,453,276" href="javascript:alert('Bitte erst das andere rolltor schliessen')" alt="" />
</map>


<map name="TLFzu" id="TLFzu">
 <area shape="rect" coords="242,126,457,275" href="javascript:TLF(arr_G2_auf,'#TLFG2_auf')" alt="" />
 <area shape="rect" coords="29,125,233,270" href="javascript:TLF(arr_G4_auf,'#TLFG4_auf')" alt="" />
</map>





<img src="tlfzu.jpg" width="700" height="525" border="0" alt="" title="" name="TLF"  />

</body>
</html>

Aber erst mal vielen dank für die schnelle Antwort...

mfg freddyxp

freddyxp · 01. Nov. 2006

Noch ein Zusatz

Habe das ganze mal mit den IE7.... ausbrobiert und na ja was soll ich sagen, wie erwartet tritt der selbe Fehler auf

PS: getestet Browser

Firefox 2.0 --> i.O. :grin:

Mozila 5.X --> i.O.
Opra ??

IE6.X --> n.i.O

IE7 -->n.i.O

Ich versteh das nich...oder habe ich da totalen bockmist zusammen gebastelt?

freddyxp · 04. Nov. 2006

Da habe ich ja wieder mal was aufgedeckt...Weiss den keiner was über dieses Problem mit dem IE? Ist es schlechte Progammierung? Auf jeden Fall läuft das Script..
Beispiel

Hier ist das Beispiel...

Vieleicht kann man sich dann was darunter vorstellen.
PS: IE Fehler ist abgefangen....

Problem mit map's IE stürtzt ab...

freddyxp

New member

pit-r

Guest

freddyxp

New member

freddyxp

New member

freddyxp

New member