image innerhalb <td> finden

[Player1005]

Hallo,

wie finde ich denn mit JavaScript das image innerhalb eines Tags?

in meinem Bsp möchte ich bei klick auf die Tabellenzelle das bild in dieser Zelle gegen ein anderes tauschen.

Danke schon mal für Postings,
Player1005

[Cheatah]

Hi,

wie finde ich denn mit JavaScript das image innerhalb eines Tags?

mittels DHTML unter Beachtung der verschiedenen Modelle.

Cheatah

[Player1005]

Ok,

aber ich könnte es etwas genauer gebrauchen...
irgendwie funzt das bei mir nicht :-(

[Cheatah]

Hi,

aber ich könnte es etwas genauer gebrauchen...

das DHTML-Kapitel von SelfHTML ist sehr ausführlich.

irgendwie funzt das bei mir nicht :-(

Dies könnten wir etwas genauer gebrauchen.

Cheatah

[Player1005]

aaalsoo... ich habe eine tabelle mit mehreren Zeilen. in jeweils der ersten zelle liegt ein image. bei klick auf diese Zeile soll eine bisher versteckte zelle angezeigt werden und gleichzeitig die grafik in der ersten zelle geändert werden.
bis auf die geschichte mit der Grafik funktioniert alles.

hier ist die funktion die ich verwende, wobei "e" die tabellenzeile ist die gecklickt wurde.

function toggleDetail(e) {
  var d, ep, f, imgs;
f = e.firstChild;
d = e.lastChild;
d = d.firstChild;
imgs = f.images;

if (d.style.display == "block") {
     d.style.display = "none";
     f.style.backgroundColor = "blue";
     imgs.src = "gifs/collapse.gif";
  } else {
     d.style.display = "block";
     f.style.backgroundColor = "green";
     imgs.src = "gifs/collapse.gif";
  }
}

[Cheatah]

Hi,

bis auf die geschichte mit der Grafik funktioniert alles.

und was heißt "funktioniert nicht"?

var d, ep, f, imgs;

Schön!

f = e.firstChild;
d = e.lastChild;
d = d.firstChild;

Die letzten beiden kannst Du zusammenfassen. Du verlässt Dich hier aber auf

• das Vorhandensein von DOM und
• eine sehr bestimmte HTML-Struktur.

Beides solltest Du nicht tun.

imgs = f.images;

Was macht Dich glauben, etwas derart Spezielles würde existieren?

imgs.src = "gifs/collapse.gif";

Das "s" in "imgs" lässt bereits darauf schließen, dass Du _mehrere_ Objekte hast, nicht eines.

Cheatah

[wahsaga]

hi,

Das "s" in "imgs" lässt bereits darauf schließen, dass Du _mehrere_ Objekte hast, nicht eines.

die vorherigen 18 wurden vermutlich mit imga bis imgr benamst.

gruß,
wahsaga

[Player1005]

nein,

ich habe pro zeile nur ein image. das jeweils in der ersten zelle. habt ihr eine idee, wie ich da herankomme?

[wahsaga]

hi,

ich habe pro zeile nur ein image. das jeweils in der ersten zelle. habt ihr eine idee, wie ich da herankomme?

du könntest getElementsByTagName nur unterhalb der aktuellen tabellenzeile (ansprechen über ID oder ggf. auch this) auswerten lassen.

gruß,
wahsaga

[Player1005]

hmmm... das habe ich auch schon versucht...
aber da bekomme ich beim ausführen "Objekt unterstützt diese Eigenschaft oder Methode nicht"

imgs = f.getElementsByName("imgExpandCollapseSingle");

[Player1005]

es muss doch möglich sein, ein image das ich in einer tabellen-zelle liegen habe als objekt hereinzubekommen wenn ich schon das <td></td> zellenelement gefunden habe...

[Cybaer]

Hi,

es muss doch möglich sein, ein image das ich in einer tabellen-zelle liegen habe als objekt hereinzubekommen wenn ich schon das <td></td> zellenelement gefunden habe...

zellenelement.getElementsByTagName("img")[0]

Gruß, Cybaer