 Datumsinfo automatisch schreiben
Hier ermittelt ein JavaScript das aktuelle Datum und schreibt es automatisch in eine Formularfeld. Der in das Formularfeld geschriebene Text setzt sich zusammen aus dem Wochentag, Tageszahl, dem Monatsnamen und Jahreszahl.
Innerhalb ihres Formulars fügen sie ein Textfeld ein. Das Textfeld erhält die eindeutige ID 'DatumHeute'.
<input id="DatumHeute" type='text' ..
Nach einer kurzen Verzögerung (zuerst soll die Seite aufgebaut werden) schreibt das JavaScript die Datumsinformationen in genau dieses Feld mit der ID 'DatumHeute'. Damit wird dem Seitenbesucher die Arbeit des Eintragens erspart.
Änderungen durch den Benutzer sind möglich, wenn sie das Eingabefeld nicht weiter schützen. Möchten sie verhindern, dass der Eintrag geändert wird, setzen sie das Eingabefeld auf "NurLesen":
<input readonly id="DatumHeute" type='text' ..
Aufwand
- Script in den Head kopieren
- Formular mit Textfeld notieren
- im Textfeld das Attribut id="DatumHeute" notieren
Übliche Kosmetik
Wenn sie möchten, ordnen sie dem Textfeld eine eigene CSS-Klasse zu, für die sie im Head-Bereich entsprechende Angaben notiert haben. Das Input-Feld erhält das Attribut 'class' und (hier) den Wert 'datumsfeld'.
<input class="datumsfeld" ...
Die CSS-Notierung im Head für die CSS-Klasse
<style type="text/css">
<!--
.datumsfeld {
color:#5171B2;
font-size:11px;
border: 1px solid #C0C0C0;
background-color: #F8F8F8;
width:120px;
padding:5px;
height:24px;
}
-->
</style>
|
WWW.WEB-TOOLBOX.NET
QuellCode 
ZURÜCK