html knowhow

Arbeitsplan erstellen

Mit diesem kleinen Modul können sie sich zum Beispiel einen Arbeitsplan erstellen, oder eine Wunschliste, oder, oder.

So sieht´s aus

Arbeit hinzufügen

Quellcode

<html>
<head>
<style type="text/css">Hier nichts</style>
</head>

<body >
<script>
var feld = 0;
var feldm = 0;
function feld_plus() {
if (feld <= 9) {
feld++;
document.getElementById('dynamic_input').innerHTML = "";
for (var zaehler = 1; zaehler <= feld; zaehler++) {
var label = "Arbeit " + zaehler;
var inhalt = document.getElementById("speicher" + zaehler).value;
document.getElementById('dynamic_input').innerHTML +=
"<label>" + label + ": <input type='text' name='n_" + feld + "' value='" + inhalt +
"' onInput='speicher(this.value, \"" + feld + "\")'></label><br>";
}
}
}
function feld_minus() {
if (feld >= feldm) {
feld--;
document.getElementById('dynamic_input').innerHTML = "";
for (var zaehler = 1; zaehler <= feld; zaehler++) {
var label = "Arbeit " + zaehler;
var inhalt = document.getElementById("speicher" + zaehler).value;
document.getElementById('dynamic_input').innerHTML +=
"<label>" + label + ": <input type='text' name='n_" + feld + "' value='" + inhalt +
"' onInput='speicher(this.value, \"" + feld + "\")'></label><br>";
}
}
}
function speicher(inhalt, feld) {
document.getElementById("speicher" + feld).value = inhalt;
}
</script>
<span style="font-size:1.3em;font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif">Arbeit hinzufügen    <input type="button" value="-" onClick="feld_minus();"/>
<input type="button" value="+" onClick="feld_plus();"/>
<div id="dynamic_input"></div>
<input style="font-size:1.3em;font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif" type="hidden" id="speicher1"/>
<input type="hidden" id="speicher2"/>
<input type="hidden" id="speicher3"/>
<input type="hidden" id="speicher4"/>
<input type="hidden" id="speicher5"/>
<input type="hidden" id="speicher6"/>
<input type="hidden" id="speicher7"/>
<input type="hidden" id="speicher8"/>
<input type="hidden" id="speicher9"/>
<input type="hidden" id="speicher10"/></span>

</body>
</html>

Kontakt Datenschutz Impressum