--->also available in English.

Nützliches in JavaScript

Auf JavaScript basierende Menüs, Formulare oder Spielereien sind schon länger auf vielen Webseiten anzutreffen. Weniger bekannt ist dagegen die Möglichkeit, komplette Skripte als URL für einen Link oder in der Adreßzeile des Browsers zu verwenden. Dabei bieten sich hier viele Möglichkeiten, den Funktionsumfang des Browsers auf einfache Weise zu vergrößern.

Die folgenden Skripte lassen sich in die Favoriten bzw. Bookmarks aufnehmen und auf jede geladene Seite oder Bilddatei anwenden. Fertige Favoriten für den IE gibt es als ZIP-Datei.

JavaScript-Lupe

Die schon lange von Opera bekannte Zoom-Funktion zum Vergrößern und Verkleinern der dargestellten Webseiten läßt sich auch im IE realisieren.

Das folgende Script vergrößert z.B. die Seite auf 125%:
javascript:document.all.tags('body')[0].style.setAttribute('zoom','125%','false');
Verkleinern auf die 3/4 der Originalgröße ist ebenfalls möglich:
javascript:document.all.tags('body')[0].style.setAttribute('zoom','75%','false');
Die Originalgröße erreicht man wieder wie folgt:
javascript:document.all.tags('body')[0].style.setAttribute('zoom','100%','false');

HTML

Aktuelle Seitenadresse an eine andere Seite übergeben, z.B. den W3C-HTML-Validator:

javascript:self.location=self.location;window.open('http://validator.w3.org/check?uri='+self.location);

Layout

Viele Seiten verwenden rahmenlose Tabellen für das Layout.

Folgendes Skript erweitert die Tabellen um rote Rahmen:
javascript:for(j=0;document.all.tags('td')[j];j++){document.all.tags('td')[j].style.setAttribute('border','1px solid red','false')};
Auch interessant ist die Anzahl der in einer Seite per <img> eingebundenen Bilder:
javascript:alert('Diese Seite enthält '+document.images.length+' Bilder');

Links

Das folgende Skript ermittelt die Anzahl aller in einer Seite vorkommenden Verweise:
javascript:alert('Diese Seite enthält '+document.links.length+' Verknüpfungen');
Auf manchen Seiten sind die Links schwer erkennbar. In diesem Fall hilft das folgende Skript, welches alle <a>-Links rot umrandet:
javascript:for(j=0;document.all.tags('a')[j];j++){document.all.tags('a')[j].style.setAttribute('border','3px solid red','false')};

Graphikfilter

Der IE bietet seit einiger Zeit die Möglichkeit, HTML-Seiten oder Teile davon ähnlich wie in einem Grafikprogram mittels Filtern zu bearbeiten.

Das folgende Skript invertiert alle Farben einer Seite:
javascript:document.all.tags('body')[0].style.setAttribute('filter','invert()','false');
Für Farbenblinde oder für den Ausdruck dürfte die Graustufendarstellung interessant sein:
javascript:document.all.tags('body')[0].style.setAttribute('filter','gray()','false');
Eher in die Kategorie der Spielereien gehört der Photoeffekt:
javascript:document.all.tags('body')[0].style.setAttribute('filter','xray()','false');
Ein horizontales oder vertikales Spiegeln geht ebenfalls:
javascript:document.all.tags('body')[0].style.setAttribute('filter','flipv()','false');
javascript:document.all.tags('body')[0].style.setAttribute('filter','fliph()','false');
Vielen Dank an Fabrizio Da Ros für die Hilfe bei IE6-Kompatibilitätsproblemen!
Mail an den Autor: webmeister@deinmeister.de

Hauptseite Programmieren Win32Asm Downloads Software Hardware Cartoons+Co Texte Sitemap