Zum Inhalt springen

Probleme mit Javascript

Erstellt am 30. Mai 2008 · 2 Antworten · letzte Antwort am 1. Juni 2008

Tags: Frage

macboris ·

Hallo miteinander,

Bin nicht so der Held was JavaSript anbelangt, habe mir aber mal folgendes zusammengestellt:

<script type="text/javascript" src="http://map.search.ch/api/map.js"></script>

  <script type="text/javascript">
  
  //<![CDATA[
  
 var Map = new SearchChMap({ center:[709000,238000],zoom:128,controls:"type,zoom,ruler",poigroups:"-", circle:false});
  Map.addEventListener("popupopen", function(e){ window.status = "POI-Box popped up!"; });


  
var AltU = Map.addPOI(new SearchChPOI({ center:[679925,244350], title:"Pfadiheim Alt Üetliberg", html:"<h2>Pfadiheim Alt Üetliberg<\/h2> <img class="\"image\"" src="\"http:\/\/www.gloggi.ch\/fileadmin\/heimverein\/bilder\/pfadiheime\/uebersicht\/uetliberg.jpg\"" style="\"width:" 200="" height:="" 150px="" alt="\"\"\" /> <br\ /> <a href="\"index.php?id" title="\"Alt" etliberg="" target="\"_top\"">Weitere Informationen<\/a>", icon:"http://www.gloggi.ch/fileadmin/heimverein/bilder/heim.png" }));

var Blaesi = Map.addPOI(new SearchChPOI({ center:[702990,252500], title:"Pfadiheim Bläsimühle", html:"<h2>Pfadiheim Bläsimühle<\/h2> <img class="\"image\"" src="\"http:\/\/www.gloggi.ch\/fileadmin\/heimverein\/bilder\/pfadiheime\/uebersicht\/blaesi.jpg\"" style="\"width:" 200="" height:="" 150px="" alt="\"\"\" /> <br\ /> <a href="\"index.php?id" title="\"Bläsimühle\"" target="\"_top\"">Weitere Informationen<\/a> ", icon:"http://www.gloggi.ch/fileadmin/heimverein/bilder/heim.png" }));

var Parmort = Map.addPOI(new SearchChPOI({ center:[746100,212590], title:"Pfadiheim Parmort", html:"<h2>Pfadiheim Parmort<\/h2> <img class="\"image\"" src="\"http:\/\/www.gloggi.ch\/fileadmin\/heimverein\/bilder\/pfadiheime\/uebersicht\/parmort.jpg\"" style="\"width:" 200="" height:="" 150px="" alt="\"\"\" />  <br\ /> <a href="\"index.php?id" title="\"Parmort\"" target="\"_top\"">Weitere Informationen<\/a> " , icon:"http://www.gloggi.ch/fileadmin/heimverein/bilder/heim.png" }))

var Patria = Map.addPOI(new SearchChPOI({ center:[671720,254820 ], title:"Patriaheim", html:"<h2>Patriaheim<\/h2> <img class="\"image\"" src="\"http:\/\/www.gloggi.ch\/fileadmin\/heimverein\/bilder\/pfadiheime\/uebersicht\/patriaheim.jpg\"" style="\"width:" 200="" height:="" 150px="" alt="\"\"\" /> <br\ /> <a href="\"index.php?id" title="\"Patriaheim\"" target="\"_top\"">Weitere Informationen<\/a> ", icon:"http://www.gloggi.ch/fileadmin/heimverein/bilder/heim.png" }));

var Sunne = Map.addPOI(new SearchChPOI({ center:[741060, 217550 ], title:"Pfadiheim Sunnebode", html:"<h2>Pfadiheim Sunnebode<\/h2> <img class="\"image\"" src="\"http:\/\/www.gloggi.ch\/fileadmin\/heimverein\/bilder\/pfadiheime\/uebersicht\/flumsi.jpg\"" style="\"width:" 200="" height:="" 150px="" alt="\"\"\" /> <br\ /> <a href="\"index.php?id" title="\"Flumserberg\"" target="\"_top\"">Weitere Informationen<\/a>", icon:"http://www.gloggi.ch/fileadmin/heimverein/bilder/heim.png" }));

var Walli = Map.addPOI(new SearchChPOI({ center:[687000, 253050] , title:"Pfadiheim Wallisellen", html:"<h2>Pfadiheim Wallisellen<\/h2> <img class="\"image\"" src="\"http:\/\/www.gloggi.ch\/fileadmin\/heimverein\/bilder\/pfadiheime\/uebersicht\/wallisellen.jpg\"" style="\"width:" 200="" height:="" 150px="" alt="\"\"\" /> <br\ /> <a href="\"index.php?id" title="\"Wallisellen\"" target="\"_top\"">Weitere Informationen<\/a> ", icon:"http://www.gloggi.ch/fileadmin/heimverein/bilder/heim.png" }));


function showPublicTransports() {
  Map.showPOIGroup("verkehr");
}

function hidePublicTransports() {
  Map.hidePOIGroup("verkehr");
}

function movetoAltU() {
  Map.go({ center:[679925,244350], zoom:5 })
}

function movetoBlaesi() {
  Map.go({ center:[703000,252500], zoom:5 })
}

function movetoParmort() {
  Map.go({ center:[746100,212590], zoom:5 })
}

function movetoPatria () {
  Map.go({ center:[671720,254820], zoom:5 })
}

function movetoSunne() {
  Map.go({ center:[741060, 217550], zoom:5 })
}

function movetoWalli() {
  Map.go({ center:[687000, 253050], zoom:5 })
}
  //]]>

    </script>

Leider weigert sich der IE eine Seite mit diesem Script zu öffnen. Falls jemand gerade den Fehler sieht, wäre ich froh um einen Hinweis.

Unter Firefox und Safari gibt's keine Probleme.

Grüsse Boris

Danwe ·

Der IE kann addEventListener nicht, dafür gibts dort ne andere Funktion namens attachEvent.
Wenn man Events dynamisch hinzufügen u. entferenen möchte, erstellt man sich am besten eine eigene Funktion dafür, die je nach browser das richtige macht. im IE muss z.B. beim eventnamen ein "on" im String vor dem Eventnamen mit übergeben werden. Es gibt auch fertige Funktionen, eine Seite die das recht ausführlich behandelt ist: http://www.mediaevent.de/javascript/event_listener.html

Habs mir jetzt nicht weiter genauer angeschaut, aber es kann sein dass noch mehr Steleln im code vom IE nicht ausgeführt werden können. Du kannst das, wenn du keinen Debugger für JS hast oder weist wie man JS debuggt, auch mit einem alert(""); prüfen, wenn das alert ausgeführt wird, weist du dass der Code bis dort ausgeführt wurde, dann kannst du das alert noch mal weiter hinten im code setzen u. schaust wieder obs dort noch geht... Du kannst auch einfach im IE die JS-Fehler anzeigen lassen, geht in den Einstellungen.