Opened by Danwe at 2006-06-20 17:15
User since
2006-06-09
76 Artikel
BenutzerIn
![[default_avatar]](/battie/theme/default/default_avatar.gif)
2006-06-09
76 Artikel
BenutzerIn
HI,
mein Problem ist, dass ich im DOM über firstChild oder sonst wie an untergeordnete Elemente kommen möchte, um um diese herum (bzw deren Text) Eingabefelder zu bauen. Nur leider funktioniert firstChild nicht. Liegt das an der Tabelle??
Hier ist der entscheidende Teil der HTML Datei:
und hier der js Code, hier würde ich gerne mit childnodes arbeiten.
Also z.B. elem.childNode.childNode.style.backgroundColor = "#cc0000"
Da ich ja 2 Ebenen nach unten gehen muss, um eine der Tabellenspalten zu kriegen! Nur childNodes will nicht!
Achja, in dem Beispiel sind schon die Formularfelder eingebaut wo sie dann mal hin sollen. Ich habe das ganze natürlich auch ohne die Felder, nur mit dem Text, aber so soll es mal aussehen.
parentNode geht komischerweise, im gegensatz zu childNodes bzw firstChild.
Per id kann ich übrigens nichts ansprechen, diese eine Tabelle ist nur ein Beispiel, per Perl werden dann noch viel mehr generiert, die man natürlich alle bearbeiten können sollte.\n\n
<!--EDIT|Danwe|1150809498-->
mein Problem ist, dass ich im DOM über firstChild oder sonst wie an untergeordnete Elemente kommen möchte, um um diese herum (bzw deren Text) Eingabefelder zu bauen. Nur leider funktioniert firstChild nicht. Liegt das an der Tabelle??
Hier ist der entscheidende Teil der HTML Datei:
Code: (dl
)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<form name="Formular" action="gaestebuch.plx" method="post">
<table class="guestTable" width = "400px" onmouseover="colorChangeColor(this)" onmouseout="colorChangeWhite(this)"
onclick="textEditNow(this)">
<tr>
<td id="tests" class="Date" width=125px rowspan=2>
<u><b>#101</b></u>
<p>
19. Juni 2006,<br>um 14:53:37 Uhr<br>
<textarea cols='15' rows='1' name='nachricht'>www.muster.de/test/hallo</textarea>
<p>
</td>
<td class="Name" align = "Right">
<b><input type="text" size="15" maxlength="35" name="titel" value="Mustermann"></b>
aus
<b><input type="text" size="15" maxlength="35" name="titel" value="Musterstadt"></b>
</td>
</tr>
<tr>
<td class='Text'>
<h1><input type="text" size="50" maxlength="35" name="titel" value="Hallo Welt!"></h1>
<textarea cols='90' rows='8' name='nachricht'>Text ... text.</textarea>
</td>
</tr>
</table>
</form>
und hier der js Code, hier würde ich gerne mit childnodes arbeiten.
Also z.B. elem.childNode.childNode.style.backgroundColor = "#cc0000"
Da ich ja 2 Ebenen nach unten gehen muss, um eine der Tabellenspalten zu kriegen! Nur childNodes will nicht!
Achja, in dem Beispiel sind schon die Formularfelder eingebaut wo sie dann mal hin sollen. Ich habe das ganze natürlich auch ohne die Felder, nur mit dem Text, aber so soll es mal aussehen.
Code: (dl
)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script type="text/javascript">
function colorChangeColor(elem) {
elem.style.backgroundColor = "#cc0000"; //Farbe Wechseln bei innaktivem Feld (eigentlich möcht ich per childNode die einzelnen Felder in der Farbe ändern, nicht die Tabelle!)
}
function colorChangeWhite(elem) {
elem.style.backgroundColor = "#FFFFFF"; //Farbe Wechseln bei innaktivem Feld (eigentlich möcht ich per childNode die einzelnen Felder in der Farbe ändern, nicht die Tabelle!)
}
function textEditNow(elem) {
// hier wird dann auch mit hilfe von childNodes um die jeweiligen Textteile ein Eingabefeld gebaut.
}
</script>
parentNode geht komischerweise, im gegensatz zu childNodes bzw firstChild.
Per id kann ich übrigens nichts ansprechen, diese eine Tabelle ist nur ein Beispiel, per Perl werden dann noch viel mehr generiert, die man natürlich alle bearbeiten können sollte.\n\n
<!--EDIT|Danwe|1150809498-->