snake88
Goto Top

Mit document.onclick id eines Bildes auslesen

Ich versuche wenn der Benutzer klickt herauszufinden auf welches Bild er gerade geklickt hat.

Mit folgendem Code kann ich auslesen ob er ein bild ancklickt oder nicht.

CheckPic = function(e) {
var targ;
if (!e) var e = window.event;
if (e.target) targ = e.target;
else if (e.srcElement) targ = e.srcElement;
if (targ.nodeType == 3) // defeat Safari bug
targ = targ.parentNode;
text = targ.toString();
alert(text);
}

document.onclick = CheckPic;


Allerdings weis ich nicht wie ich jetzt an die ID des Objektes komme.

Content-Key: 154698

Url: https://administrator.de/contentid/154698

Printed on: April 25, 2024 at 12:04 o'clock

Member: nxclass
nxclass Nov 09, 2010 at 19:01:58 (UTC)
Goto Top
ich würde da etwa so lösen:
// alle IMG Knoten suchen
aNodes = document.getElementsByTagName('img');  


// für alle IMG Knoten das onclick Event setzen
for (var iI=0; iI<aNodes.length; iI++) {
    aNodes[iI].onclick = function(e) {
        // ID des IMG Elements ausgeben
        alert( e.target.id );
        // oder ID des Eltern Elements ausgeben
        alert( e.target.parentNode.id );
    }
}
Member: snake88
snake88 Nov 09, 2010 at 19:20:31 (UTC)
Goto Top
Danke für die schnelle Antwort.

Die Lösung ist perfekt face-smile