onclick Element bei Verschachtelung

[Kai345]

[latex]Mae  govannen![/latex]

Hi,

Hab folgendes Konstrukt:
<div onclick='alert("parent");' style='width: 200px; height: 100px; border: 1px solid black'>
<div onclick='alert("child");' style='width: 100px; height: 50px; border: 1px solid red'>
</div>
</div>

Wenn ich jetzt das "Child" Element anklicke, klicke ich automatisch das Elternelement mit. Das will ich aber nicht. Gibts da eine Lösung?

Ja. event.stopPropagation()  und für den IE event.cancelBubble = true

<script type="text/javascript">  
function innen(e) {  
  e = e || window.event;  
  alert("ich bin innen");  
  if (e && e.cancelBubble === false) e.cancelBubble = true;  
  if (e && e.stopPropagation) e.stopPropagation();  
}  
</script>

<div onclick='alert("ich bin aussen");' style='width: 200px; height: 100px; border: 1px solid black'>  
  <div onclick='innen();' style='width: 100px; height: 50px; border: 1px solid red'>  
  </div>  
</div>

Cü,

Kai