Svens Notizen

Mit dieser kleinen Abfrage wird überprüft, ob der Besucher mit einem iPhone auf der Seite surft:

1
2
3
4
5

var u = navigator.userAgent.toLowerCase();
var iphone = ((u.indexOf('iphone'))!=-1);
if (iphone) {
   alert("This Device is a iPhone!");
}

Oft mals wird eine Funktion gesucht um Bilder vorzuladen für eine Webseite, Bildergalerie oder Slideshow. Mit folgen JavaScript-Code ist die Möglich:

// Array mit den Bildern
var BildListe = new Array();
BildListe[0] = "images/bild1.gif";
BildListe[1] = "images/bild2.gif";
BildListe[2] = "images/bild3.gif";
 
// Function zu vorladen der Bilder
var Bilder = new Array()
function Vorladen_Bilder()
{
 for (i = 0; i < BildListe.length; i++) {
 Bilder[i] = new Image();
 Bilder[i].src = BildListe[i];
 }
}
 
// Die Funktion zum vorladen der Bilder noch aufrufen, kann auch ins Body-OnLoad-Ereignis
Vorladen_Bilder();

Mootools

Die Funktionen $() und $$() gehören zur Grundlage von Mootools. Das Dollarzeichen $ kann als „S“ angesehen werden und steht für „select“. Mit diesen Funktionen werden gezielt Elemente im dem DOM angewählt, diese können ausgelesen, modifiziert und entfernt  werden. Diese Funktion gibt das Element oder Null zurück. Lesen »

Mootools

Mootools ist ein modulares Objekt-orientiertes JavaScript-Framework. Mit diesem Framework wird einem die Arbeite und Entwicklung von Web 2.0 bzw. Ajax-Anwendung erleichet und beschleunigt. Ursprünglich war Mootools als eine Erweiterung für Prototype gedacht, mittlerweile hat sich das MooTools zu einem unabhängigen Open-Source Framework entwickelt.
Mootools ist eine Bibliothek mit vielen Objektorientierten Funktionen und Klassen, diese unterstützen einem auch bei  der Erstellung von Cross-Browser kompatiblen JavaScript-Code. Lesen »

Hier erkläre ich kurz, wie man mit this in JavaScript bei Formularen und Funktionen umgeht und sich Tipparbeit spart. Ebenso was man bei submit in einem Formular beachten sollte. Das ganze wird an einem kleinen Beispiel demonstriert mit ein paar Codezeilen und einer Erklärung.

Online Vorschau
Lesen »