Seite 1 von 1

div per javascript bei klick darauf ausblenden

Verfasst: 29.12.2009, 16:09
von anom04
Hallo,

folgendes:

Code: Alles auswählen

<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

Verfasst:
von

Verfasst: 29.12.2009, 17:26
von cren
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 ;)

Verfasst: 29.12.2009, 17:44
von anom04
srcElement - genau das wars.

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