JavaScript Beispiele – Jetzt ausprobieren!
Wir bieten eine Reihe an Beispielen für HTML und JavaScript. So gibt es Lösungen für häufig auftretende Problemfälle oder auch einfach Beispiele, die die Handhabung einiger Funktionen verdeutlichen sollen.
Formulare
Ein wichtiges Einsatzgebiet von JavaScript ist die Überprüfung und Validierung von Formularen. Allerdings biete JavaScript auch hier deutlich mehr Möglichkeiten – wir zeigen Sie Ihnen.
- Formulare überprüfen
- Pflichtfelder
- Email-Felder
- Radiobuttons
- Select-Felder
- Das Resultat
- Select-Feld als Link
- Grafische Checkboxen und Radiobuttons
- Grafische Checkboxen
- Grafische Radiobuttons
- Passworteingabe prüfen
- Felder verfügbar machen (IE/Moz)
- Textfelder begrenzen
Mit Cookies arbeiten
Cookies gelten allgemein als böse, unsauber und gefährlich. Dass diese Vorurteile falsch sind und was man sonst noch mit JavaScript anfangen kann zeigen wir Ihnen hier.
- Was sind Cookies?
- Cookies speichern
- Cookies auslesen
- Cookies löschen
- Mehrere Werte speichern
- Cookies in der Praxis
- Besucherbegrüßung
- Gezieltes Marketing mit Cookies
Mit dem Browser arbeiten
Einige Browser bieten in Sachen JavaScript einige Raffinessen an. Welche das sind, zeigen wir Ihnen hier.
- Die verschiedenen Meldungsfenster
- Alert-Fenster
- Eingabe-Fenster
- Bestätigungs-Fenster
- Ein Zufallslink
- In der History blättern
- Den markierten Text herausfinden (IE/NN)
- Die Zwischenablage lesen und schreiben (IE)
- Eine Seite beim Benutzer speichern (IE)
- Tastatur-Eingaben verarbeiten
- 1. Konventionelle Initialisierung:
- 2. In-line Initialisierung
Multimedia
Das JavaScript weitaus mehr kann als nur Formulare und Popups dürfte den meisten klar sein, dass JavaScript aber auch wunderbar geeignet ist Multimedia zu steuern ist vielleicht etwas Neues.
DHTML
Mit DHTML lassen sich feine Dinge anstellen. Ob Aufklapplisten, Blitze oder Drag and Drop – der Fantasie sind keine Grenzen gesetzt.
- Drag and Drop
- Schritt 1: Einen Layer greifen
- Schritt 2: Den Layer bewegen
- Schritt 3: Den Layer wieder los lassen
- Schritt 4: Alles Zusammenfügen
- Ausklapplisten mit dem DOM
- Vorbereitung: Die Symbole anfertigen
- Die Zweige mit JavaScript verbinden
- Die Zweige auf und zu klappen
- Blitze auf der Seite
- Das HTML-Grundgerüst
- Die Blitze erzeugen – Zufallsreihenfolgen festlegen
- Die Blitze entfernen
JavaScript erweitern
In JavaScript ist es auf einfachste Weise möglich Objekte mit Attributen und neuen Methoden zu erweitern. Wie das geht zeigen wir Ihnen hier.
Laufschriften auf Webseiten
Mittlerweile sind sich automatisch bewegende Texte aus Webseiten nicht mehr wegzudenken. Es bieten sich aber auch vielseitige Einsatzmöglichkeiten, wie z.B. die Verkündung von Neuigkeiten, aktuellen Nachrichten oder anderen Informationen. Für den Programmierer ist es keine große Sache, solche Lauftexte mit einfachen Mitteln in Javascript zu programmieren, so dass sie mit allen gängigen Browsern kompatibel sind.
- Das marquee-Element
- Ändern der Textrichtung
- Automatischer Richtungswechsel
- Geschwindigkeit des Lauftextes
- Höhe des Bereiches für den Lauftext
- Freie Lauftexte mit Javascript
- Beeinflussung der Geschwindigkeit
- Zeitliche Begrenzung des Lauftextes
- Änderung der Laufrichtung des Textes
Bilder
Mit JavaScript lassen sich Bilder auf die verschiedensten Arten behandeln. Ob als Hover-Effekt (Bildertausch) oder Diashow – nichts ist unmöglich.
Fenster und Frames
Eine der meistgenutzen JavaScript -Funktionen ist die ein Fenster, sogenanntes Popup, zu öffnen. Doch JavaScript kann mit Fenstern weitaus mehr anfangen. Was möglich ist, zeigen wir Ihnen hier.
- Mehrere Frames gleichzeitig ändern
- PopUp-Fenster erzeugen
- Ein Fenster bewegen
- Den Fenstertitel ändern
- Informationen in der Statusleiste
- Automatische Weiterleitung
- Aufruf in fremden Frameset verhindern
- Ein Frameset nachladen
- Daten an die nächste Seite weitergeben
- Daten per Cookies übergeben
- Daten per URL übergeben
- Das Dokument neu schreiben
- Das Dokument komplett neu Schreiben
- Das Dokument beim Laden ändern
- Arbeiten in mehreren Windows gleichzeitig
Datum und Uhrzeit
Da die Datumsfunktionen von JavaScript sehr umfangreich sind, lohnt es sich hier genauer hin zu schauen. Im Folgenden wollen wir Ihnen einige Beispiele zeigen wie mit JavaScript und Daten sinnvoll umgegangen werden kann.
- Das Date-Objekt allgemein
- Date-Objekt erstellen
- Lokalzeit
- Die Uhrzeit anzeigen
- Verweildauer anzeigen
- Alter berechnen
- Timeouts und Intervalle
Parameter
Parameter sind ein wichtiger Bestandteil von JavaScript – doch sie können mehr als einfach nur Werte übergeben.
- Variable Parameterlisten
- Unterschiedliche Verwendung von Parametern
- Parameter in Form von JavaScript-Code
Eindeutigkeit
Bei der Programmierung mit JavaScript treten des öfteren Probleme mit der Benennung von Objekten, Eigenschaften und Variablen auf. Wie man damit umgeht, zeigen wir hier.
Arrays
Ein Array ist eine beliebig lange Liste von Feldern (meist gleichen Typs). Innerhalb des Arrays können so mehrere Daten unabhängig voneinander gespeichert werden. Ein Array wird durch den Aufruf new Array() erstellt. Auf die Felder eines Arrays wird durch Indexnummern zugegriffen. Diese werden in eckigen Klammern ([ und ]) an den Namen des Array heran geschrieben. Das erste Feld trägt den Index 0 (Null), das zweite 1, das dritte 2 usw. . So kann der Inhalt gelesen und geschrieben werden. Beispiel:
Weitere Beispiele
- Liste von JavaScript Objekten
- Animationen mit jQuery
- Knockout! Template-Engine für JavaScript
- Top-Level Eigenschaften und Funktionen
- Serverseitige Top-Level Funktionen
- ServerSide JavaScript
- Bildbearbeitung mit HTML5
- Javascript “entschlüsseln” mit Google Chrome
- JavaScript StyleSheets
- Netscape: LiveConnect
- Microsoft: Compiler
- Weiterführende Anwendungsgebieter
- Kollektion
- Formular-Elemente
- Style-Eigenschaften
- window.alert – Dialogbox im Browser
- Einen Dialog mit confirm anzeigen
- Delays – Code verzögert ausführen mittels Timer
- Array contains Funktion
- F-Tasten neu belegen
- JSON in JavaScript verwenden
- JavaScript include – Skripte verknüpfen
- JavaScript get element by class
- JavaScript komprimieren
- Weitere JavaScript Artikel
- YUI: Stilvolle Ajax-Api
- JavaScript Fehler automatisch loggen
- Howto: Exceptions in JavaScript
- Der JavaScript Debugger Befehl
- Spiel für JavaScript-Entwickler – Inkl. Lösungen
- console.log farblich gestalten
- JavaScript setInterval – Ausführung nach festen Zeitintervallen
- array.length – die Länge eines Arrays ermitteln
- array.push-Methode in JavaScript
- Das this keyword in JavaScript
- Arrays in jQuery
- Checkbox mit jQuery steuern
Du arbeitest in einer Agentur oder als Freelancer?
Dann wirf doch mal einen Blick auf unsere Software FeatValue.
Über uns
Wir entwickeln Webanwendungen mit viel Leidenschaft. Unser Wissen geben wir dabei gerne weiter. Mehr über a coding project