Für Web-Worker und Scriptschreiber: Mit JavaScript haben Sie Einfluss auf das im Browserfenster angezeigte HTML-Dokument und die Möglichkeit auf Benutzeraktionen zu reagieren. Inhalte können abgefragt und die Darstellung der Seite kann verändert werden. Einige der in diesem Beispiel verwendeten Techniken zeige ich unten auf. Im Quelltext der Seite können sie den gesamten Zusammenhang erkennen.
// Array der verwendeten Zifferngrafiken
var DigitsArr = new Array();
DigitsArr[0] = "ziffern/0.png";
DigitsArr[1] = "ziffern/1.png";
DigitsArr[2] = "ziffern/2.png";
DigitsArr[3] = "ziffern/3.png";
DigitsArr[4] = "ziffern/4.png";
DigitsArr[5] = "ziffern/5.png";
DigitsArr[6] = "ziffern/6.png";
DigitsArr[7] = "ziffern/7.png";
DigitsArr[8] = "ziffern/8.png";
DigitsArr[9] = "ziffern/9.png";
// Schleife zum Austausch der Datenquelle (src)
for (i=0; i < Zeitstring.length; i++) {
document.getElementById('z'+i).src = DigitsArr[Zeitstring.charAt(i)];
}
Ich verwende bei meinen Modulen eigene CSS-Klassen zur Positionierung und / oder Formatierung. Die CSS-Anweisungen werden im Head-Bereich notiert. Der JavaScript-Code für meine Lösungsvariante ist innerhalb einer JavaScript-Deklaration im Head-Bereich notiert oder in einer externen JS-Datei ausgelagert. Eine Textdatei mit dem Quellcode stelle ich, falls vorhanden, hier zum Download zur Verfügung.
Diesmal nicht gefunden was sie suchten? Kommen sie doch später noch mal vorbei.
Kaffeepause
Impressum
Datenschutz
Webmaster
Übersicht mit Verweisen zu den Unterseiten die bereits überarbeitet wurden Sitemap
nach oben
vorherige Seite
Sitemap
Home
CSS-Klassen JavaScript Script-Code Vorlagen Beispiel Modul Clock Fensterchen digitale Uhr Anzeige Uhrzeit Zeitanzeige Austausch Grafiken Array