div per javascript bei klick darauf ausblenden

Beitrag von **anom04** » 29.12.2009, 16:09

Hallo,

folgendes:

<script type="text/javascript">
function checkClick&#40;e&#41; &#123;
var obj = e.srcElement;
if &#40;obj.id != "xxx"&#41;
document.getElementById&#40;'xxx'&#41;.style.display = 'none';
&#125;
</script>

wird über

Code: Alles auswählen

<body onClick="checkClick&#40;event&#41;">

aufgerufen.

Das Objekt

Code: Alles auswählen

<div id="xxx" >

ist vorhanden.

Im IE funktionierts prima, im FF aber nicht. Sinn des Ganzen ist das Ausblenden beim Klick darauf. Im div befindet sich ein pic.

Hat jemand eine Idee?

Grüße
Thomas

von **Anzeige von ABAKUS** »

Beitrag von **cren** » 29.12.2009, 17:26

Soweit ich weiß gibts srcElement nur im IE.

Daher würde ich eine praktikablere Lösung vorschlagen:

Code: Alles auswählen

<script type="text/javascript">
function hideElement&#40;el&#41; &#123;
document.getElementById&#40;el&#41;.style.display = 'none';
&#125;
</script>

Und unten in das div einfach:

Code: Alles auswählen

<div id="xxx" onclick="hideElement&#40;this.id&#41;">

Statt this.id kannste auch 'xxx' (in einzelnen Hochkommas) verwenden. Insgesamt erscheint mir diese Lösung flexibler was eventuell auch andere zu versteckende Elemente angeht

Beitrag von **anom04** » 29.12.2009, 17:44

srcElement - genau das wars.

Und deine Lösung ist noch viel schöner - Danke!