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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Test</title>
<script type="text/javascript">
var Zeile = 0;
function ZeileEinfuegen () {
if (Zeile == 0)
document.getElementById("Tabelle").deleteRow(0);
var TR = document.getElementById("Tabelle").insertRow(Zeile);
Zeile += 1;
var TD1 = document.createElement("td");
var TD1text = document.createTextNode(document.Formular.linkerText.value);
TD1.appendChild(TD1text);
var TD2 = document.createElement("td");
var TD2text = document.createTextNode(document.Formular.rechterText.value);
TD2.appendChild(TD2text);
TR.appendChild(TD1);
TR.appendChild(TD2);
document.Formular.linkerText.value = "";
document.Formular.rechterText.value = "";
}
function Rahmen () {
if (document.getElementsByName("Option")[0].checked == true) {
document.getElementById("Tabelle").border = "2";
} else {
document.getElementById("Tabelle").border = "0";
}
}
function Farbe () {
if (document.getElementsByName("Option")[1].checked == true) {
document.getElementById("Tabelle").bgColor = "#CCCCFF";
} else {
document.getElementById("Tabelle").bgColor = "";
}
}
</script>
</head><body>
<form action="" name="Formular">
<input type="text" name="linkerText">
<input type="text" name="rechterText">
<input type="button" value=" OK " onclick="ZeileEinfuegen()"><br>
<input type="checkbox" name="Option" onclick="Rahmen()"> Rahmen
<input type="checkbox" name="Option" onclick="Farbe()"> Hintergrund
</form>
<table id="Tabelle">
<tr><td>Eine Tabelle</td></tr>
</table>
<p><a href="../htmlelemente.htm#table">zurück</a></p>
</body>
</html>
|
