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.
Please also mark the comments that contributed to the solution of the article
Content-Key: 154698
Url: https://administrator.de/contentid/154698
Printed on: April 25, 2024 at 12:04 o'clock
2 Comments
Latest comment
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 );
}
}