Hier nun wieder einmal ein Javascript Tutorial. Eine beliebte Methode um Werbung, Warnungen oder Meldungen auf einer Website darzustellen sind sogenannte “Floating Top Bars“. Sie befinden sich oberhalb der Website und “fliessen” sozusagen mit, das heisst wenn der User nach unten scrollt, bewegt sich auch die Top Bar mit nach unten.

In diesem Tutorial will ich euch zeigen wie ihr mit relativ wenig Code schnell und einfach eure eigenen Floating Top Bar erstellen könnt und so dem User wichtige Meldungen anzeigen oder einfach einen guten Tag wünschen könnt.

Lernziele:

• CSS Elemente absolut ausrichten
• Javascript Funktionen in einem Intervall aufrufen
• Browserweiche

Voraussetzungen:

• Basis CSS & HTML Kenntnisse

Vorschau

Read the rest of this article »

Es wird wieder einmal Zeit für ein Flash Tutorial. Dieses mal wollen wir uns mit den immer populärer werdenden Flash Stream Playern beschäftigen. Wir werden einen kleinen sehr simpel gehaltenen FLV Player programmieren, der die FLV Datei von einem anderen Server streamt.

Voraussetzungen:

• Umgehen mit den Flash Werkzeugen

Lernziele:

• Verwenden der NetStream Klasse
• Anzeigen von Variablen in Textfeldern

Read the rest of this article »

Wie man merkt, finde ich immer mehr Gefallen an Javascript. Darum hier auch ein Tutorial zum Thema “Tooltips in Javascript”. Tooltips sind kleine Boxen die erscheinen wenn der User mit der Maus über ein Objekt fährt. In ihnen kann man zum Beispiel den Linkzielort oder sonstige Infos angeben.

Voraussetzungen:

• Basis HTML & CSS Kenntnisse
• Basis  Javascript Kenntnisse

Lernziele:

• Browserweiche
• Mausposition abfragen
• Div-Container dynamisch mit Text füllen

Vorschau

Read the rest of this article »

Habt ihr euch auch schon einmal gefragt, warum Google immer in der richtigen Sprache erscheint? Oder wieso bestimmte Seiten euer Betriebssystem “erraten”? All das ist ganz einfach per Javascript abfragbar.

In diesem Tutorial will ich euch zeigen, wie ihr mit Javascript verschiedene Informationen über den Benutzer abfragen könnt.

Vorraussetzungen:

• Basis HTML Kenntnisse

Lernziele:

• Arbeiten mit Variablen in Javascript
• Ausgeben von Werten mit Javascript

Hier könnt ihr euch ein Beispiel anschauen, von dem was wir erstellen werden.

Read the rest of this article »