Suchbegriff eingeben und Enter oder Suchen drücken,
oder im Browser, Bearbeiten und die Seite durchsuchen.
SEITE ERKLÄRUNG
Startseite Einleitung
Hallo Welt Schreibweise, Grundregeln, Alert Fenster
Variable Grundlagen Variable, Rechenopperationen
String & Number Datentypen String und Number, Prompt Fenster in welches der User Eingaben machen kann
document.write Text aus einem Eingabefenster erscheint auf der Seite, per Javascriptbefehl document.write
Script im body Bereich Bisher wurde alles beim Start der Seite ausgeführt, nun erscheint der Text weiter unten auf der Seite.
Script im link Man kann eine Anweisung direkt in einen Link schreiben.
Funktion Erstellen einer Funktion und Aufrufen mittels eines Event Handlers
Parameter Function mit Parameter, die Klammer hinter dem Funktionsnamen bekommt eine Variable, deren Wert erst beim Aufruf zugewiesen wird.
Fenster öffnen Hier werden gleich mehrere Parameter übergeben, die dazu dienen Browserfenster zu öffnen und deren Eigenschaften zu bestimmen.
Fenster schliessen Hier werden zuvor geöffnete Fenster geschlossen mit window.close.
if Mittels if werden alle Anweisungen nur nach vorbestimmten Bedingungen ausgeführt
confirm confirm, ein Bestätigungsfenster, welches der User mit okay oder Abbrechen bestätigen kann, das Ergebnis wird in einer if Bedingung verarbeitet.
if else else heißt andernfalls, wenn die Bedingung nicht erfüllt ist, wird eine andere Anweisung ausgeführt, außerdem Seite öffnen mittels window.location.
if() else if() else Eine ganze Reihe von Anweisungen, die je nachdem ausgeführt werden.
Quiz Mittels einer Aneinderreihung von Bedinungen und prompt boxen kann man ein kleines Quiz erstellen mit anschließender Auswertung.
Passwort Eine Passwortabfrage mit Weiterleitung auf eine Seite, die ohne if else auskommt.
Kompatibel Browsertest Browserweiche, hier wird mittels eines Javascript Objekts nach Microsoft oder Netscape Browser abgefragt.
Switch Anstatt if else kann man Bedinungen auch mit switch definieren, auch hier wird wieder nach Browser gefragt, allerdings auf eine andere Art.
while While Schleife, auch hier werden Bedingungen definiert, die Anweisungen werden immer wieder ausgeführt, bis die Bedingung unwahr ist, andernfalls läuft die Schleife weiter.
for Will man Anweisungen oder Abfragen öfter nacheinander ausführen braucht man eine for Schleife, ein wichtiges Thema.
Farbwechsel Ein fließender Farbübergang mit einer for Schleife (IE), auch wenn dieses Beispiel noch nicht ganz perfekt ist, auf einer der letzten Seiten funktioniert das Ganze etwas besser.
setTimeout Hier wird die Anweisung erst nach einer vorgegebenen Zeit ausgeführt, Zeitverzögerung, Pause.
setTimeout Farbe Das gleiche in grün, nach ein paar Sekunden ändert sich die Hintergrundfarbe.
setTimeout Schleife Mit setTimeout() kann man Funktionsaufrufe wiederholen.
array Wenn man Zahlwerten bestimmten Zeichenketten zuweisen will, braucht man ein Array, ein wichtiges Thema.
array 2 Ein Array im einzelnen, Schreibweisen und Grundregeln.
Datum Mittels des Datums Objekt bekommt man die Datum und Uhrzeit angezeigt.
Wochentag Wie man sich mittels eines Arrays und des Datumsobjektes auch die Wochentage anzeigen lassen kann.
Modulo Hier wird beim Aufruf der Seite ein zufälliger Spruch aus einem Array angezeigt, die Zufallszahl wird aus den Sekunden des Datums Objekt generiert, dazu braucht man noch das Mathe Objekt Modulo, welches den Restbetrag der Division zweier Zahlen zurückgibt.
Mathe Objekt Hier werden verschiedene Mathe Objekte vorgestellt, mit denen man aufrunden und abrunden sowie Zufallszahlen erzeugen kann.
Hintergrundfarbe Nun hat man endlich genug gelernt, das oben erwähnte Farbbeispiel zu verstehen, alle möglichen Tricks mit Farben werden hier vorgestellt, außerdem erfährt man hier, wie man Eingaben aus Textfeldern ausliest oder zuweist.
Auswahlliste Hier werden links aus einer Auswahlliste geladen, ein praktisches kleines Menü in einem Formular.
Bildwechsel 1 Mouseover Effekte mit Buttons, hier ein Auszug aus Selfhtml, ideal für eine Navigationsleiste.
Bildwechsel 2 Hier werden die Bilder mittels zuvor vergebenen Namen angesprochen, dadurch hat man mehr Möglichkeiten.
Bildwechsel 3 Hier werden eine Reihe von Bildern auf Mausklick geladen.
Bildwechsel 4 Hier wird ein zufälliges Bild aus einer Reihe von Bildern ausgetauscht.
Kochrezepte Das gleiche Beispiel nochmal, in leicht abgewandelter Form, für jeden Wochentag ein anderes Bild.
Bildwechsel 5 Hier wird ein Bild durch ein scheinbar zufälliges Bild ausgetauscht, dieses Script kann man mit kleinen Änderungen in einen Kalender umwandeln.
Bildwechsel 5a Hier schaltet man bei jedem Klick zwischen 2 Bildern hin und her
Bildwechsel 6 Hier werden 5 Bilder in zufälliger Anordnung gewechselt.
Bildwechsel 7 Hier werden beim Mouseover 2 Bilder nacheinander geladen, dadurch entsteht ein Übergangseffekt.
Bildwechsel 8 Hier haben wir einen Bildaustausch mit Javascript von einem anderen Frame aus. Die Bilder werden können onClick ausgetauscht werden, oder auch von einer Seite, welche im Frameset geladen wird mittels onLoad. So zeigen die Bilder immer den richtigen Menüpunkt an, egal von wo aus der Link aufgerufen wird. Ein ähnliches Beispiel befindet sich in meinen Webdesign Tipps/ Stylesheets frameübergreifend ändern.
formfeld 2te Seite Der Eintrag eines Textfeldes wird im zweiten Browserfenster direkt ausgelesen.
Check Email-Feld Hier wird überprüft, ob die Email Angabe in einem Formularfeld eine Email Angabe ist.
Function per span Hier wird eine Funktion mittes des Style Sheet Span Tags aufgerufen, das funktioniert allerdings nur Microsoft Browser IE.
Operatoren Rechenoperatoren, Vergleichsopertoren
Event Handler Einige Event Handler, Ereignis Behandler, auf welches Ereignis soll die Anweisung ausgeführt werden.
Window Objekt Ein paar Befehle, Fenster öffnen, schießen, neue Seite etc.
reguläre Ausdrücke Mit regulären Ausdrücken lassen sich Formularfelder überprüfen oder Suchanfragen spezifizieren.
Links Javascript Seiten mit Beispielen und Tipps im www
Diverse Eine kleine Sammlung nützlicher Befehle und Schnipsel.
Copyright ©
Ein weiterer Web Design Tipp von Pastor Pixel

H T T P : / / W W W . P A S T O R P I X E L . D E


 

 

Javascript Tipps