Arbeitsplan erstellen | |
Mit diesem kleinen Modul können sie sich zum Beispiel einen Arbeitsplan erstellen, oder eine Wunschliste, oder, oder. | |
So sieht´s aus | |
| |
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 |
|