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.
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.
Bitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben
Content-ID: 154698
Url: https://administrator.de/contentid/154698
Ausgedruckt am: 25.11.2024 um 15:11 Uhr
2 Kommentare
Neuester Kommentar
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 );
}
}