I have found a very nice jQuery extension with the name gridster. With gridster you can make dynamic grids on a webpage, very useful for applications and sortable grids. The grids can be added with javascript or HTML. With one single line of code you can initialize a gridster grid.
Continue readingTag: javascript libary
I have found a useful jQuery Plugin to show very fast a javascript object as a form. Its jqPropertyGrid, you can easily show an object with one line of code:
$(‘#property-grid’).jqPropertyGrid(record.data, options);
I have used the plugin to show fast and easy options for my form editor. Its pretty simple and makes it a lot of easier to make an object editable. Also you can with one command serialize the object back or you can use an event listener, so you get informed on every change the user has made on the property grid.
Continue readingBei dem Suchbegriff jQuery Tutorial ist mittlerweile mein Blog auf Platz 3 vorgedrungen in der Google Suchmaschine, was für mich guten Traffic bedeutet und für die Suchenenden ein schönes kleines Tutorial. Der Artikel ist Mittlerweile schon über einen Jahr alt. Ich hoffe das der Blog in der Top10 bei dem Suchbegriff bleibt.
Wer sich den Artikel ansehen will: https://d4nza.de/blog/tutorials/jquery-tutorial-1
Da sich mein jQuery Tutorial großer Beliebheit zu zeigen scheint (über 40 Seitenzugriffe allein im letzten Monat nur mit dem Begriff jQueryTutorial ), werde ich eventuell demnächst noch ein kleine Tutorial oder Vorschau zum jQuery UI schreiben.
Noch dazu habe ich noch einen kleinen Link mit den über 50 nützlichen jQuery Plugins: drweb.de. Einfach mal reinschauen und Sachen ausprobieren.
Mein absolutes lieblings Plugin ist natürlich die jQuery Lightbox. Direkt gefolgt vom jQuery Dateibrowser, den ihr dort findet: jQuery
Allen in allen kann man sagen das jQuery ein Top Framework ist und so schnell nicht von der Konkurrenz geschlagen wird.
Ich schreibe ein kleines jQuery Tutorial mit einigen Beispielen.
Demo 1 Alert Box
Als erstes registrieren wir ein so genanntes “ready Event” für das Document. Dieses geht in jQuery mit der Funktion $(document).ready(function()). Im Code sieht das folgendermaßen aus:
$(document).ready(function() {
//Mach irgendetwas wenn das Dokument geladen ist.
});
Wir wollen nun, das wenn man auf einen Link klickt, eine Messagebox erscheint, mit dem Inhalt Hallo Welt. Dazu schreiben wir folgendes in die Funktion:
$(document).ready(function(){
$("a").click(function(){
alert("Hallo Welt");
});
});