OnClick Event und Listen Elemente

olqs

Erfahrenes Mitglied
Hallo,

ich habe folgende kleine Testseite erstellt:
Code:
  1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2 <script language="JavaScript">
  3 <!--
  4 if (typeof XMLHttpRequest != 'undefined') {
  5     xmlHttp = new XMLHttpRequest();
  6 } else { 
  7   // Internet Explorer 6 und älter
  8     try {
  9         xmlHttp  = new ActiveXObject("Msxml2.XMLHTTP");
 10     } catch(e) {
 11         try {
 12             xmlHttp  = new ActiveXObject("Microsoft.XMLHTTP");
 13         } catch(e) {
 14             xmlHttp  = null;
 15         }
 16     }
 17 }
 18 
 19 //xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
 20 //xmlHttp = 
 21 
 22 function setvar (url){
 23   alert ('setvar.php?test='+url);
 24   xmlHttp.open('get','setvar.php?test='+url,false);
 25   xmlHttp.send(null);
 26 }
 27 
 28 //-->
 29 </script>
 30 <html><head><title>phptestseite 1</title></head>
 31 <body>
 32 <ul>
 33   <li onclick="<?php echo 'javascript:setvar(\'test\');'; ?>">hier klicken</li>
 34   <ul>
 35   <li><a href="php2.php">nächste Seite</a></li>
 36   </ul>
 37 </ul>
 38 
 39 
 40 <a href="php2.php">nächste Seite</a>
 41 </body></html>
 42

Wie von mir gewünscht wird im firefox die Funktion setvar nur ausgeführt, wenn man auf den listenpunkt in Zeile 33 klickt.

Beim IE jedoch wird die Funktion setvar auch ausgeführt, wenn man auf den link in Zeile 35 klickt.

Der Klick auf den Link in Zeile 40 löst bei keinem Browser die Funktion setvar aus. (Auch gewünscht).

Nach der langen Erklärung zu meiner Frage: Wie schaff ich es, dass sich die Seite im InternetExplorer genauso verhält wie im Firefox.

Danke schonmal für die Hilfe und Gruss
Alex
 
Zuletzt bearbeitet:
Events "bubblen"...sie vererben sich in der Dokumentstruktur an die Kinder des Elementes, für das sie notiert sind.

Im IE kannst du dies Verhalten folgendermassen verhindern:
Code:
<a href="php2.php" onclick="if(window.event)window.event.cancelBubble = true;">nächste Seite</a>
Infos zu: cancelBubble
 

Neue Beiträge

Zurück