Alle Checkboxen selektieren

Screenshot vom Code

In diesem kurzen Tutorial möchte ich euch zeigen, wie man ein kleines Script schreibt, dass alle Checkboxen aus- oder abwählt. Diese Funktion wird bei praktisch jeder Anwendung gebraucht. Und leider viel zu oft immer neu geschrieben. Aus diesem Grund habe ich das Script in Form eines jQuery Plugins geschrieben und auf GitHub.com veröffentlicht. Wer also […]

jQuery UI 1.9.0 veröffentlicht

jQuery UI, die wohl bekannteste Erweiterung von jQuery, wurde am 08. Oktober in der Version 1.9.0 veröffentlicht. Dabei wurden die APIs von dem Akkordion– und Tabs-Widget und auch von den Position Eigenschaften überarbeitet. Zusätzlich wurden drei neue Widgets hinzugefügt. Die neue Version erfordert die jQuery Version 1.6 oder neuer.

 

Simpler Slider mit jQuery erstellen – Tutorial

Simpler selbstgemachter Slider mit jQuery
Erstelle einen einfachen Slider mit jQuery

Vor einigen Wochen habe ich einen ganz simplen Slider für ein Projekt benötigt. Dieser sollte für jedes Bild in einem Container ein Listenelement für eine Navigation anlegen. Nach dem Laden der Seite wird nur das erste Bild angezeigt. Klick man dann auf einen der Navigationspunkte, so wird auch das entsprechende Bild, ohne weitere Effekte, eingeblendet. […]

Liste aus einem Select-Element erzeugen mit jQuery

jQuery - Ein Bewertungssystem mit Sternchen erstellen.

Ich habe vor längerer Zeit beschrieben, wie man ein Bewertungssystem mit Sternchen aufbauen kann. Dabei bin ich von einer HTML-Liste ausgegangen. Die einzelnen Listenelemente haben im Hintergrund ein ausgefülltes oder ein nicht ausgefülltes Sternchen gehabt. Beim Drüberfahren mit der Maus wurden das fokussierte Listenelement und alle davor mit der Klasse „active“ versehen. Ich bin jedoch […]

 

Formular in einem Overlay anzeigen – Fancybox

Ich habe neulich berichtet wie ich die Meta-Daten zu der angegebene URL ausgelesen habe. Nun brauchte ich ein modernes User-Interface, um diese Eingabe zu realisieren. Da ich jQuery und die Fancybox sehr schätze, sollten auch dieses Mal beide zum Einsatz kommen.

Container gleicher Höhe – Newsteaser

Vor kurzem stand ich vor dem Problem, dass der Container der News auf der Startseite, immer eine feste Höhe hatten. Das hatte zur Folge, dass ich den Vorschautext auf x Zeichen kürzen musste. Das war jedoch keine optimale Lösung, da nicht jedes Zeiten die selbe Breite hat. Somit kam es immer wieder dazu, dass der […]

 

gmap – Das jQuery Plug-in für Google Maps anpassen

Google Maps

Vor ein paar Tagen wurde ich auf ein interessantes Plug-In für jQuery aufmerksam gemacht. gmap ermöglicht ein leichtes einbinden der Google Maps auf die eigene Webseite. Es können zahlreiche Einstellungen getroffen werden, wie Markerposition, Markericon, Markergröße, Markerschatten und Tooltips. Ich war also rundum glücklich. Jedoch weist das Plug-In an einigen Stellen ein etwas undurchdachtes Verhalten […]

jQuery – Sternchen Bewertungssystem

jQuery - Ein Bewertungssystem mit Sternchen erstellen.

Heute möchte ich mit Ihnen klären, wie man ein tyisches Bewertungssystem mit Sternen animiert. Dabei möchte ich heute nicht den PHP/MySQL-Teil erarbeiten, sondern wie man solch eine Animation hinbekommt. Sie kennen sicherlich solche Bewertungssysteme bereits. Man hat fünf graue Sterne. Geht man nun mit der Maus rüber, werden die in Farbe dargestellt. Es ist an […]

 

jQuery – Externe Link im neuen Fenster öffnen

Manche mögen es und andere wiederrum nicht. Man klickt auf einen Link und es öffnet sich eine neue Seite, oder Tab. Den Betreiber der Seite freut es vielleicht, da die eigene Seite immer noch offen ist. Den Besucher der Seite ärgert es eventuell. Ich persönlich entscheide sehr gerne selbst wo ich die verlinkte Seite aufrufen […]

jQuery – FAQ im Accordion Style

Ich beschäftige mich schon seit über einer Woche mit jQuery und bin absolut begeistert. Doch wie schafft man es die wichtigen Informationen für alle Nutzer zugänglich zu machen und dabei trotzdem alles schön, und vor allem semantisch richtig, zu gestalten? An sich ein eine sehr einfache Sache. Nehmen wir das Beispiel einer typischen FAQ Seite. […]