JavaScripts für Ihre Website

Javascripts zum Soforteinbau - Mehr Dynamik für Ihre Website

Benutzerfreundlichere Formulare, elegantere Bilderanzeige und zusätzlicher Content für Ihre Seiten: Wir stellen Ihnen eine Vielzahl an Top-Javascripts vor.

  1. Javascripts zum Soforteinbau - Mehr Dynamik für Ihre Website
  2. Grafik und Video
  3. Tooltipps, Navigation, Content
JavaScripts zum Soforteinbau

© Archiv

JavaScripts zum Soforteinbau

Benutzerfreundlichere Formulare, elegantere Bilderanzeige und zusätzlicher Content für Ihre Seiten: Wir stellen Ihnen eine Vielzahl an Top-Javascripts vor.

Mit Javascript statten Sie Ihre Website mit zusätzlichen Funktionen und nützlichen Bedienhilfen aus. Legen Sie beispielsweise Tabellen sortierbar an, lassen Sie per Mausberührung Tooltips einblenden oder fügen Sie externe Twitter-Nachrichten in Ihre Seiten ein. Die Anwendungen, die wir für Sie zusammengestellt haben, lassen sich zumindest für private Zwecke kostenlos nutzen.Lediglich beim Skript Starbox fällt auch bei nicht-kommerzieller Verwendung eine geringe Gebühr in Höhe von drei Euro an. Informieren Sie sich über die konkreten Lizenzbedingungen auf den Homepages der Anbieter. Wichtig ist, dass die Skripts von allen gängigen Browsern unterstützt werden. Unsere Skripts laufen problemlos insbesondere mit Internet Explorer, Opera und Firefox.

Text und Layout

Mit CSS Speech Bubbles heben Sie einen besonderen Hinweis oder ein Zitat als originelle Sprechblase hervor. Entpacken Sie das Beispiel im Zip-Archiv und orientieren Sie sich beim Einbau in Ihre Seiten am Quelltext der Datei index.html. Der Radius jeder Ecke lässt sich individuell festlegen.

Möchten Sie andere Farben verwenden, dann ändern Sie die Werte in der Datei bubbles.css und färben Sie die mitgelieferte Grafik, die für die Spitze der Sprechblase benötigt wird, in einem Bildbearbeitungsprogramm entsprechend um.

Sifr bietet dem Designer die Möglichkeit, seiner Kreativität in puncto Typografie freien Lauf zu lassen. Mit dem Skript lassen sich individuelle Schriften auf Ihren Seiten einbinden. Sie sind damit nicht auf die sonst üblichen Fonts wie Verdana, Arial oder Times New Roman beschränkt.

Eine ausführliche Einbauanleitung bietet das Tutorial hier. Technische Grundlage dieser sogenannten Image Replacement Technik bildet eine Kombination von Javascript, Flash und CSS.

Der auf der Webseite gekennzeichnete Text wird dynamisch durch Flash-Text ersetzt. Er kann skaliert werden, bleibt weiterhin auswählbar und wird von den Suchmaschinen gefunden. Unterstützt ein Browser Flash nicht, so erscheint der Text in der ursprünglichen Gestaltung auf dem Bildschirm.

Die Ladezeiten sind dabei überraschend gering, zumal die einmal geladenen Module für die weiteren Webseiten im Speicher verbleiben. Probleme bereiten der Lösung lediglich einige Flash-Blocker, die das Modul zwar laden, aber den benötigten Flash-Film nicht starten. So sehen die Besucher weder den Originaltext noch die aufgepeppte Flash-Version.

Javascripts zum Soforteinbau

© Archiv

CSS Speech Bubbles: Binden Sie Zitate als originelle Sprechblasen mit oder ohne abgerundete Ecken ein.

Tinyeditor ist ein einfacher Wysiwyg-Editor, der mit lediglich acht Kilobyte sehr schlank daherkommt, aber trotzdem nicht mit Funktionen geizt. So bietet das Skript neben verschiedenen Schriftarten und Stilvorlagen alle gängigen Möglichkeiten zur Textformatierung.

Ebenso finden sich Funktionen, um Bilder und Links einzufügen und zu entfernen sowie ein Button, um das Dokument auszudrucken. Ein Klick auf Source zeigt die Quellcode-Ansicht. Weitere Features wie Auswahl der Schriftfarbe und Vollbildmodus sind bereits geplant. Das Skript benötigt kein Javascript-Framework wie jQuery oder Prototype und lässt sich unkompliziert in die Webseite einbinden.

Wer Zelleninhalte von Tabellen verschieben möchte, der ist mit Drag and Drop table content gut bedient. Das Skript erlaubt es, Inhalte wie Texte, Checkboxen und Optionskästchen anzuklicken und mit gedrückter Maustaste an eine beliebige andere Stelle der Tabelle zu ziehen.

Ferner ist es möglich, Zelleninhalte zu kopieren oder zu löschen, indem man sie auf das Feld Trash zieht. Die fertig modifizierte Tabelle lässt sich schließlich mit einem Klick auf Save speichern. Eine ausführliche Beschreibung auf der Seite www.redips.net sowie der recht gut kommentierte Quellcode helfen beim Einbau und der Konfiguration.

Formulare

Der WMD Editor verwandelt ein einfaches Eingabefeld in einen komfortablen HTML-Editor. Fügen Sie nach dem Auspacken lediglich den folgenden Befehl unmittelbar vor das abschließende Tag </body> Ihrer Webseite ein:

<script type="text/javascript" src=
"wmd/wmd.js"></script>

Das erste <textarea>-Feld auf der Webseite erhält damit eine Symbolleiste mit Formatbefehlen für die Text- und Absatzgestaltung. Durch Anklicken eines Befehls fügen Sie Sonderzeichen für das jeweilige Format in das Textfeld ein.

Mehr zum Thema

Youtube Sperre umgehen GEMA
Videos freischalten

So umgehen Sie die GEMA-Sperre bei Youtube. Was Sie dazu brauchen, und wie es am einfachsten geht.
Neue Fritzboxen unterstützen den AC-Standard.
WLAN-Geschwindigkeit verdoppeln

Mehr WLAN-Geschwindigkeit: Mit dem WLAN-Standard 802.11ac und den richtigen Geräten und Einstellungen verdoppeln Sie den Datendurchsatz.
Netflix auf dem TV
Programm in der Übersicht

Welche Filme und Serien gibt es bei Netflix eigentlich zu sehen? Was ist neu im Streaming-Angebot? Diese Antworten helfen weiter.
Netflix
Streaming

Preise, kompatible Geräte, Datenrate, Serien- und Filmangebot von Netflix: Wir beantworten die wichtigsten Fragen rund um den Streaming-Dienst.
Ben Stiller Owen Wilson Zoolander Hansel
Vorschau auf Film- und Serien-Highlights

Prime Instant Video lockt im September mit Highlights wie "Zoolander 2", "Die Tribute von Panem – Mockingjay 2" und der neuen Staffel von "Mr.…