Nach vielen Monaten harter Arbeit ist es endlich soweit. Unser erstes Fachbuch ist nicht nur geschrieben und gedruckt, sondern es steht seit einigen Tagen auch schon in den Regalen diverser Buchhändler zum Kauf bereit.

jQuery Praxiseinstieg

Sascha Schoppengerd, Amalia Schoppengerd
Mitp-Verlag, 05/2010
240 Seiten, Format 17,0 x 24,0
ISBN 978-3-8266-5595-1

Leseproben

• Inhaltsverzeichnis (PDF, ca. 700 KB)
• Vorwort (PDF, ca. 640 KB)
• Kapitel 1 (PDF, ca. 1,2 MB)

Viele Leser dieses Blogs haben mich in der Vergangenheit gefragt, wie man mit den jQuery-Selektoren die ausgewählten Checkboxen aus einem HTML-Dokument extrahieren kann.

Eigentlich ist die Geschichte ja relativ einfach, aber da dieses Thema offenbar vielen auf den Nägeln brennt, möchte ich hier nochmals eine kleine Zusammenstellung aufführen.

Als erstes brauchen wir also einen Ausgangscode:

1
2
3

<p><input type="checkbox" class="myCheckbox" value="1" />Auswahl 1</p>
<p><input type="checkbox" class="myCheckbox" value="2" />Auswahl 2</p>
<p><input type="checkbox" value="3" />Auswahl 3</p>

Theoretisch wäre es natürlich möglich, die Checkboxen später direkt über das HTML-Element aus dem DOM zu extrahieren, aber da in einem Dokument oftmals unterschiedliche Felder vorkommen können, kennzeichne ich die betroffenen Checkboxen mit der zusätzlichen CSS-Klasse myCheckbox.

mehr…

Den meisten Lesern dieses Blogs dürfte ja sicherlich bekannt sein, dass ich seit Februar 2009 zusammen mit Amalia an einem Fachbuch zum Thema jQuery schreibe und auch wenn wir bis zur endgültigen Verfügbarkeit des Buches eigentlich nur wenige Informationen veröffentlichen hier wollten, ist nun ein wichtiger Meilenstein erreicht, den wir euch nicht vorenthalten möchten.

Dank einem kleinen Hinweis, den Michael mir heute morgen zukommen lies, kann ich euch jetzt nämlich darüber informieren, dass unser kommendes Buch bereits seit einigen Tagen im Amazon Store vorbestellt werden kann.

Offen gesagt ist das jetzt aber auch ein kleiner Motivationsschub für mich, denn gerade in den letzten Tagen ziehen sich die Zeilen des Buches stetig in die Länge und die Lust an der Arbeit sinkt mit jeder Stunde. Ich denke, dass dieses Schicksal wohl jeden Autor im Laufe eines Projektes irgendwann ereilen wird und somit kommt diese Nachricht auch genau zum richtigen Zeitpunkt.

Während wir also nun zum Endspurt ansetzen werden, denn im Feburar 2010 ist der endgültige Abgabetermin für das Manusskript, solltet Ihr das Buch am besten gleich vorbestellen, denn so könnt Ihr euch ganz sicher sein, dass es am Tag der Veröffentlichung auch morgens in eurem Postkasten liegt.

Hier könnt Ihr das jQuery Buch vorbestellen…

Wie ich gerade eben im offiziellen jQuery Blog lese, wird die unter vielen Entwicklern bekannte Url http://code.jquery.com nun auf die Google AJAX API weitergeleitet.

Warum man sich zu diesem Schritt entschlossen hat, wird in dem Artikel zwar nicht dargestellt, doch vermutlich möchte man von der wesentlich besseren Performance der Google-Infrastruktur profitieren. Ausserdem ist es für den jeweiligen Entwickler auch einfacher, wenn die verschiedenen Frameworks an einer zentralen Stelle zu finden sind.

Sofern auf euren Seiten die Library also noch über http://code.jquery.com eingebunden wird, solltet Ihr das Projekt nun schrittweise zu Google’s AJAX API migrieren.

Die Arbeit mit jQuery 1.3 ist zwar sehr einfach und damit auch für Anfänger geeignet, doch selbst mir passiert es immer wieder, dass ich die ein oder andere Syntax in der offiziellen Dokumentation nachschlagen muss. Wer jedoch gern alle wichtigen Infos auf einen Blick hat, dem dürfte in diesem Fall sicherlich mit dem passenden CheatSheet geholfen sein.

Den Nutzern des Firefox 3 möchte ich darüber hinaus noch diese jQuery Extension ans Herz legen.

Gefunden bei: Frank

Die Übergänge zwischen Browser und Desktop verschwinden täglich und so ist es auch nicht weiter verwunderlich, dass viele Webentwickler versuchen, ihre Projekte mit schicken 3D Effekten aufzuwerten. Eine besonders einfache Möglichkeit solche visuellen Effekte umzusetzen, bietet sicherlich das jParallax Plugin in Verbindung mit jQuery 1.3.

Mit jParallax ist es nun endlich möglich ein wenig Bewegung innerhalb eines virtuellen Raums zu erzeugen. Das Plugin reagiert dabei auf die Bewegung des Mauszeigers und verschiebt parallel dazu, die in HTML Listenpunkten gestapelten Hintergrundbilder. Auf diese Weise wird unserem Auge ein Pseudo 3D Effekt vorgegaukelt, der aber nicht minder eindrucksvoll ist.

Die Einbindung der Bilder efolgt also ganz einfach über den folgenden Code:

1
2
3
4

<ul id="parallax">
  <li></li>
  <li></li>
</ul>

2 weitere Vorteile des jParallax – Plugins sind in meinen Augen auch die vielen Konfigurations-möglichkeiten und die geringe Dateigröße von gerade einmal 12KB.

Auf der Seite der Firma NetGrafix aus Karlsruhe könnt Ihr euch übrigens auch mal einmal ein eigenes Bild von den Möglichkeiten des Plugins machen, denn dort kommt jParallax im Header zum Einsatz. Und? Habt Ihr bereits eigene Ideen für den Einsatz für des Plugins oder kennt Ihr weitere eventuell sogar gute Beispiele zum diesem Thema?

[via: Kevin Hillmann]

Wer mal schnell den genauen Parameter-Syntax einer Funktion in der jQuery Dokumentation herauszusuchen muss, der kennt sicher auch das Problem mit der eigenen Bequemlichkeit. Browser starten, die Doku aufrufen, warten und dann noch die entsprechende Funktion suchen…das kann manchmal ganz schön viel Zeit kosten.

Zum Glück geht es scheinbar nicht nur mir so und ich gestern mehr oder weniger per Zufall im charupload – Blog eine ziemlich aktuelle Fassung der Dokumentation im CHM Format gefunden. Das Windows-Hilfedateiformat (.chm) kennt man eigentlich von vielen Desktopanwendungen und vom Prinzip her, eigenet es sich hervorragend um über den integrierten Index die gesuchten Informationen, wie z.B. einen bestimmten Parameter-Syntax,  schnell zu erreichen.

Besonders praktisch wird die Nutzung einer solchen Referenz natürlich auch dann, wenn man sie mit Hilfe von speziellen Addon’s, wie dem CHM Reader, direkt in seinen Browser implementieren kann. Meiner Meinung nach stellt die CHM Version nicht nur eine Bereicherung für alle Einsteiger dar, sondern sie spart auch noch viel Zeit während der Entwicklungsarbeit und daher kann ich euch die Nutzung dieses Angebotes nur empfehlen.