Mit HTML, oder SVG, interaktive Ein- Ausgaben erstellen
21. Februar 2009 Roland
- Programmierung
- Variablenzuweisungen und Berechnungen
- Alter berechnen nur mit JavaScript
- Alter berechnen mit und ohne Javascript
- Code Optimierung
- Client Server Applikationsarchitektur
- Eigenschaften eines Webbrowsers
- Stylesheets
- Interaktive Webclients
- Mit HTML, oder SVG, interaktive Ein- Ausgaben erstellen
- Mit JavaScript aus einem Dokument Daten lesen
- Der Webserver
- Webserver-seitige Programmierung
- Datenbankanbindung
- Architekturprinzip Separation of Concerns
- Beschreibung von Anwendungsfällen
- Mit JavaScript einen wiederkehrenden Event erzeugen
- Kommunikationswege bei Einsatz von Java auf dem Webclient
- Einbinden der JavaScript Timer Klasse in eine Webseite
- AJAX Kommunikation ohne Fassaden Pattern
- JavaScript Klassen mit Object-Literal Syntax erstellen
- Knackpunkte bei der Klasse AsyncCommunication
- Speicherverbrauch in AJAX Applikationen
- Auch bei JavaScript immer die Variablen sauber deklarieren
- Eventhandler im JavaScript mit dem HTML Dokument verknüpfen
- Objekte in JavaScript mit JSON deklarieren
Wir beschränken uns in den nächsten Betrachtungen auf HTML, und eventuell noch auf SVG, um mit dem Anwender in Kontakt zu treten.
In HTML haben wir diverse Möglichkeiten vom Anwender Informationen entgegenzunehmen. Unter anderem sind dies:
- Input Elemente
- Select Elemente
- Listenauswahlen
- Checkboxen
- Submit Buttons
Wenn wir uns auf die clientseitige Programmierung beschränken, können wir z.B. mit JavaScript dem Anwender aus seiner passiven Haltung heraushelfen. Jawohl liebe Anwender, bewegt eure müden Hände und füllt Informationen in eure armen Webapplikationen hinein! Das Internet ist nunmal zum Mitmachen und nicht ganz so passiv wie das Fernsehprogramm.
Mögliche Stellen an denen mit JavaScript eine Interaktion erstellt werden kann
Hier eine kleine Auswahl an möglichen Stellen:
- Im Body Tag
- Sehr begehrt ist dass body Tag. Hier kann eine JavaScript Funktion als Attribut eingetragen werden. Beispielsweise kann hier mit dem Attribut onload eine Funktion aufgerufen werden, die nur beim Laden des HTML Dokuments ausgeführt wird. Wenn du also den Anwender unbedingt mit einer Alert Box nerven willst, ist dies eine sehr geeignete Stelle dafür
- In einem Input Tag
- Bei jeder Eingabe, sei es eine Texteingabe, eine Checkbox, ein Button, eine Selektion oder was weiss ich noch alles, kann eine JavaScript Funktion als Attribut angegeben werden. Ich habe beispielsweise in der letzten Übung bei der Selection Box des Jahres ein paar Attribute eingeführt um diverse Anwenderaktivitäten abzufangen. Wenn in der Selection Box etwas verändert wird, also ein anderer Wert selektiert wird, dann nehme ich diese Information um dass Alter in Tagen zu berechnen.
- In jedem Paragraph oder Header Tag
- Auch dass geht. Du kannst deinen Webbrowser zu einer Aktion verleiten, wenn der Anwender mit der Maus über einen Text oder eine Überschrift eiert.
Wie du siehst, kannst du an jeder Stelle in deinem Dokument eine JavaScript Funktion ausführen. Es ist vielleicht nicht immer sinnvoll überall eine Funktion aufzurufen. Es kommt immer auf den jeweiligen Anwendungsfall an.
Aufgabe
Füge in eine HTML Datei an verschiedene Elemente ein onmouseover Attribut ein und generiere eine Alert Box die z.B. “Huhu” ausgibt.
Der Beitrag wurde
am Samstag, den 21. Februar 2009 um 23:19 Uhr veröffentlicht
und wurde unter Programmieren abgelegt.
Kurzlink: http://www.baldenhofer.eu/blog/?p=222
Dir gefiel der Artikel? Dann abonniere doch den RSS Feed
Du kannst die Kommentare zu diesem Eintrag durch den RSS 2.0 Feed verfolgen. Du kannst einen Kommentar schreiben, oder einen Trackback auf deiner Seite einrichten.
