nicht angemeldet
Hallo,
ich hab mein script jetzt wie folgt gekürzt/abgeändert:
Ich hab das Formular um ein <input> ergänzt, welches beim Laden der Seite mit "Inhalt gefüllt wird".
Die Funktion hab ich so ergänzt, daß <input VALUE> bei jedem Ausführen der Funktion von "Inhalt" nach "anderer Inhalt" wechselt.
Dadurch sehe ich ob die Funktion initialisiert wird oder nicht.
Die Funktion wird ausgeführt, d.h. <input VALUE> wechselt brav von "Inhalt" nach "anderer Inhalt" und umgekehrt, aber <tr> wird nicht eingefügt.
Wenn ich die DTD raushaue, wird auch <tr> eingefügt. (Das sehe ich im DOM-Inspector von Firefox)
Was stört die DTD an diesen Zeilen?
var foda = document.getElementById("gruda");
var bua1 = document.createElement("tr");
bua1.setAttribute("id", "pfette");
foda.insertBefore(bua1,sparren);
Hier nochmal das geänderte Script am Sück:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>DOM-Demo</title>
<script type="text/javascript">
/* <![CDATA[ */
function pfettt(stk) {
if (document.typ1masse.vn.value == "anderer Inhalt")
document.typ1masse.vn.value = "Inhalt";
else
document.typ1masse.vn.value = "anderer Inhalt";
var foda = document.getElementById("gruda");
var bua1 = document.createElement("tr");
bua1.setAttribute("id", "pfette");
foda.insertBefore(bua1,sparren);
}
/* ]]> */
</script>
</head>
<body id="alles">
<form class ="ptop" style="width:100%;" id="typ1masse" name="typ1masse" method="post" action="http://192.168.1.22/angebot.php?prod=Dach-komplett">
<table id="vtable" style="border:1px solid #cc3333; width:60%;">
<tbody id="gruda">
<tr><td>erste Zeile</td><td>erster Wert</td></tr>
<tr><td>zweite Zeile</td><td>
<select name="pfetten" size="1" onchange="pfettt(this.value)">
<option value="">-----</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>
</td></tr>
<tr id="sparren"><td colspan="2">
Sparren
</td></tr>
</tbody>
</table>
<input id="vn" name="vn" type="text" size="30" maxlength="30">
</form>
<script type="text/javascript">
/* <![CDATA[ */
document.typ1masse.vn.value = "Inhalt";
/* ]]> */
</script>
</body>
</html>
Viele Grüße
huby
JürgenB