""

Der Webseiten-Titel wurde früher in der Titelleiste des Browsers angezeigt: Mittlerweile sieht man den Text oft nur noch bei mehreren geöffneten Tabs. Für Besucher, die mehr als einen Browser-Tab geöffnet haben, kann man diesen Bereich aber leicht als zusätzliches, sinnvolles Textfeld nutzen: Hier kann man auf neue Nachrichten oder auch auf neue Angebote hinweisen. Booking.com nutzt die Titelzeile zum Beispiel, um an eine nicht abgeschlossene ...

Ein Array ist eine spezielle Form einer Variable, die gleich mehrere Inhalte aufnehmen und einzeln wieder abrufen kann. Sie lässt sich nicht nur einfach anlegen und mit Daten füllen, sondern auch einfach wieder leeren: Entweder einzeln oder direkt in einem Stück.   Javascript Array anlegen und füllen var arr = ["eins", "zwei", "drei"]; Alternativ lässt sich der Array auch so anlegen: var arr = new Array("eins", "zwei", "drei");     Javascript Array leeren Um den ...

UnBounce ist ein praktischer, aber oft wenig flexibler Editor für einfache Webseiten und Landingpages: Damit lassen sich einzelne Seiten mit wenig Aufwand zusammenklicken und anschließend veröffentlichen. Aktiviert man die mobile Ansicht, unterscheidet UnBounce zwischen Desktop-Computern und mobilen Geräten wie einem Smartphone und einem Tablet: Man kann hier für beide Größen auch komplett unterschiedliche Seiten anlegen. Oft möchte man aber wissen, ob UnBounce dem Besucher gerade die Desktop-Ansicht anzeigt oder die mobile Version: Neben der Abfrage der ...

iFrames sind praktische kleine Erfindungen in HTML: Damit lassen sich Inhalte von einer anderen Seite auf der aktuellen Seite anzeigen. Das zeigen wir zum Beispiel in diesem Smart Home Artikel: Während auf dem Bildschirm die Übersicht des Smart Home Servers angezeigt wird, sorgen kleine iFrames oben links und rechts dafür, Datum und Uhrzeit anzuzeigen. <iframe name="zwei" id="zwei" src="zwei.html"></iframe> Ein iFrame sollte einen Namen und eine ID besitzen: Das ist wichtig, um seinen Inhalt von außen zu ...

Die HTML Tags für Audio- und Video besitzen eigentlich ein Attribut für die Lautstärke: Mit "volume" lässt sich die Lautstärke zwischen 0.1 und 1 festlegen: Dieses Attribut wird aber zur Zeit von keinem Browser unterstützt. Das macht aber nichts: Die Lautstärke von Audio- und Video-Inhalten einer Webseite lässt sich auch per Javascript steuern! Tipp: So baut man Audio-Elemente und ...

Mit Javascript lassen sich alle Elemente einer Webseite ändern: Auch die CSS Hintergrundbilder (background-image). So kann man per Javascript das Bild ändern: Zum Beispiel als Reaktion auf einen Klick oder einen mouseover Effekt. In Javascript heißen die CSS Stile allerdings anders: Statt "background-image" heißt der Befehl dort "backgroundImage":   CSS: background-image:url('bild.jpg');   Javascript: style.backgroundImage = "url('bild.jpg')";   Das funktioniert auch nachträglich, nachdem die Seite geladen wurde: Dann kann man über die ID eines DIVs dessen Hintergrundbild ändern: <div id="bild" style="background-image:url('bild1.jpg');"> <script type="text/javascript"> document.getElementById('bild').style.backgroundImage = "url('bild2.jpg')"; </script>   Javascript: Background-Image ...

Wenn man mit Javascript Elemente an das aktuelle Dokument anhängen möchte, kommt es unter Umständen zu diesem Fehler. Das passiert, wenn das Skript ausgeführt wird, bevor das Dokument komplett geladen wurde. Möchte man dann mit der Funktion appendChild() etwas an das DOM anhängen, zeigt unter anderem der Chrome Browser diese Fehlermeldung: "Uncaught TypeError: Cannot read property 'appendChild' of null" oder: "Cannot call method 'appendChild' of null"...

PHP hat die Funktion "striptags", mit der sich ganz leicht sämtliche HTML Befehle aus einem Wert entfernen lassen. In Javascript gibt es dafür zwar keinen Befehl, man kann sich mit einem kleinen Trick aber ganz gut behelfen! Wichtig ist das zum Beispiel, um einen Text weiter zu verarbeiten, oder auch nur um Wörter und Buchstaben zu zählen.   Javascript: HTML Befehle entfernen Eine eigene Funktion hat Javascript nicht, um HTML Befehle aus einem Wert oder einer Variable ...

Auch mit Javascript lässt sich schnell und einfach die Länge eines Strings ermitteln: Das funktioniert ähnlich wie in PHP die Funktion strlen(). So weiß man, ob ein String 2, 3 oder 255 Zeichen enthält. var string = 'dies ist ein string'; var laenge = string.length; Die Funktion zur Ermittlung der Länge eines Strings mit Javascript heißt "length": Zum Ermitteln der Länge des Strings hängt man ...

Mit den CSS Media Queries hat man praktische Funktionen für responsive Websites: Damit kann man die Webseite per CSS direkt für die Größe (z.B. Breite) des Bildschirms anpassen. Für manche Funktionen braucht man aber auch Javascript: Hier ist es oft praktisch, wenn das Skript auch auf die Media Eigenschaften von CSS zugreifen kann!   Beispiele für CSS Media Queries: Mit diesem CSS Code passt man die Schriftgröße von einem Div-Element an die Breite des Bildschirms an: Auf kleineren ...

Um eine kurze Verzögerung in die Skripte einzubauen, hilft in Javascript "setTimeout": Was in PHP der sleep() Befehl macht, ist in Javascript "setTimeout". Wichtig ist hier aber die Groß- und Kleinschreibung: Der Befehl beginnt mit kleinem "s", das "T" von Timeout wird aber groß geschrieben. Mit setTimeout kann man eine Funktion oder einen Befehl zeitverzögert starten: Das können wenige Millisekunden, Sekunden oder Minuten sein. Ganz egal wie lange das Warten mit Javascript dauert: Der Wert ...

Funktioniert wie die explode() Funktion in PHP: Auch mit JavaScript kann man einen String in mehrere Teile aufteilen, um einzelne Teile des Strings getrennt weiter zu verarbeiten. Das funktioniert, bis auf die Syntax, genau wie die explode() Funktion in PHP. Statt explode heißt der Befehl in Javascript allerdings split() und wird zum Aufruf direkt an den String angehängt. Anhand eines Trennzeichens wird der String dann aufgeteilt und die einzelnen Teile in einen array gespeichert: var meinString ...

Um mit JavaScript interaktive Webseiten zu gestalten, kommt es hin und wieder vor, die Eingaben eines Drop-Down Menüs auszulesen. Diese <select> Menüs enthalten mehrere Werte, die untereinander in einem ausklappbaren Menü angezeigt werden. Mit JavaScript kann man dabei aber nicht nur auf den Wert, sondern auch auf den Namen des ausgewählten <option> Eintrags zugreifen und diesen weiter verwenden!   So sieht es aus: Eins Zwei Drei ...

Mit Javascript lassen sich die CSS Werte eines Elements nicht nur auslesen, sondern auch setzen: So kann man mit Javascript etwa dynamisch Elemente in der Größe verändern oder neu platzieren. Damit das funktioniert, muss man auf die Werte aber auch zugreifen können. Ganz wichtig ist dabei die ID des Objektes (in unserem Beispiel einfach ein DIV). Über dessen ID (die auf der gesamten HTML-Seite nur einmal vorhanden sein darf) lassen sich die Werte auslesen und ...

Für Responsive-Webseiten, die nicht nur in großer Auflösung auf dem Desktop-Rechner, sondern auch auf dem Tablet oder Handy gut aussehen, muss man oft bestimmte Elemente in der Größe an das Webseiten-Fenster (oder die verfügbare Bildschirmbreite) anpassen. Das geht mit CSS sehr leicht: Hier zeigen wir zum Beispiel, wie man mit CSS ein Bild immer automatisch mitskaliert). Zum Beispiel: ...