Praktikum Internet-Werkzeuge
			Aufgaben  Dokus  Links

Aufgabe 3: Aktive XHTML-Seiten mit JavaScript

In der letzten Aufgabe habt Ihr die Grundstruktur zur Benutzung des Schwarzen Brettes entworfen und implementiert. Um diese Seiten weiter zu verbessern, sollt Ihr sie nun um ,,aktive'' Aspekte bereichern.

Ziel dieser Aufgabe ist es zunächst, einfache Auswertungen der Benutzereingaben vor dem Abschicken auf Client-Seite durchzuführen, um dem Server Last abzunehmen. Mit Hilfe der ,,berühmt-berüchtigten'' Cookies sollen die Seiten dann personalisiert und so benutzbarer gemacht werden.

Plausibilitätskontrolle: Zunächst sollen in den Seiten zum Abfragen und Einfügen von Beiträgen JavaScript-Funktionen eingebaut werden, die die Eingaben der Benutzer vor dem Absenden auf ihre Plausibilität testen. Falls unlogische oder ungenügende Angaben gemacht wurden, muss eine Aufforderung zur Korrektur erfolgen. (Beispiel: Formulare Prüfen)

Eingaben merken: Ärgert Ihr euch auch manchmal wenn Ihr zum zehnten Mal Euren Namen oder Eure Email Adresse eintippen müßt? Wir machen das natürlich besser: benutzt Cookies um die Angaben des Benutzers zu merken. Beim nächsten Besuch der Seite sollen diese Angaben dann automatisch als Vorgaben erscheinen. Fangt am besten mit dem Speichern eines einzelnen Wertes an. Wir schlagen hierfür die E-Mail-Adresse des Autors vor. Ihr könnt danach als ,,Kür'' die Cookies für das Speichern mehrerer Werte erweitern. Um das ganze etwas zu vereinfachen bieten wir ein Beispiel zum Thema Cookies an.

Bonusaufgaben: Jeder weiß, dass eine 'coole Website' grafische Effekte braucht. Es folgen einige Vorschläge von uns: Die Links mit Grafiken versehen, welche sich bei Berührung verändern. (Beispiel: Dynamische grafische Buttons).(1 Punkt) Abhängig von der Uhrzeit an der gleichen Stelle verschiedene Bilder anzeigen, z.B. vormittags einen Sonnenaufgang und nachmittags einen Sonnenuntergang. (1 Punkt) Integriert eine kleine Uhr, die laufend die aktuelle Zeit anzeigt. Tipp: Verwendet dazu die Funktionen new Date() und setTimeout(function, delay) (1 Punkt) BTW, damit Ihr seht, was mit JavaScript alles möglich ist, hier noch ein kleines Schmankerl.

Tips

• Wenn Ihr javascript: in der Adresszeile eingebt, bekommt Ihr bei Netscape ein Fenster mit den Fehlermeldungen.
• javascript:alert(document.cookie); in der Adresszeile gibt die zur Seite bzw. der Site definierten Cookies aus.
• Schaltet im Browser die Option ein, dass alle Cookies bestätigt werden sollen. So kann man sehen, wann welche Cookies gesetzt werden.
  z.B. im englischen Netscape: Edit -> Preferences -> Advanced

Viel Spaß!