RSS Feed
Heute möchte ich euch ein kleines nützliches JQuery-Script vorstellen, mit dem ihr eine Selectbox, die das Attribut “disabled” besitzt, durch eine Checkbox mit Hilfe von JQuery aktiviert bzw. “enabled“. Nützlich kann dies z.B. sein, wenn ihr verschiedene Elemente habt, die inhaltlich abhängig von der Auswahl einer Checkbox sind. Eine Idee wäre z.B., dass Einstellungen für ein bestimmtes Tool verwaltet werden sollen und eine Selectbox erst auswählbar sein sollte, wenn diese Option überhaupt relevant ist, also per Checkbox aktiviert wurde.
(weiterlesen…)
Archive for the ‘JQuery’ Category
JQuery: Selectbox via Checkbox aktivieren/enablen
Januar 24th, 2010 
Dennis S. 
Posted in 
Tags: 
JQuery: Tablesorter-Plugin Erweiterung für das deutsche Datumsformat “dd.mm.yy hh:mm”
Januar 12th, 2010 Dennis S. Mit dem Tablesorter-Plugin von Christian Bach kann eine Tabelle schnell und wirklich elegant aufgewertet werden. Das Plugin ermöglicht eine Sortierung über Tabellenspalten. In dem Plugin sind bereits einige Sortieralgorithmen implementiert, allerdings ist eine Sortierung einer Tabellenspalte mit deutschem Datumsformat nicht möglich. (weiterlesen…)
JQuery UI Datepicker: Startdatum richtig setzen (minDate)
November 10th, 2009 Dennis S. In diesem Beitrag möchte ich euch zeigen, wie man seinen Datepicker mit den richtigen Optionen bzw. der richtigen Option füttert, um das Startdatum korrekt nach seinen Vorstellungen zu setzen. Doch zu allererst, warum das Startdatum verändern? Es gibt Anwendungsfälle, bei denen es Sinn macht, z.B. nur die Tage “ab Heute” oder “in einer Woche” als gültige und somit auswählbare Tage im Kalender anzuzeigen. Dazu bietet der JQuery UI Datepicker die Funktion minDate an.
(weiterlesen…)
JQuery UI: Datepicker in deutscher Sprache
Oktober 15th, 2009 Dennis S. Das JQuery UI Datepicker-Widget ist eines der besten Datepicker-Plugins, wenn nicht sogar das Beste, in der weiten JQuery-Welt. Der Datepicker zeichnet sich durch seine einfache Einbindung und seine weitreichende Parametrisierung aus, so dass das JQuery UI Datepicker-Widget sicherlich in vielen Anwendungen Platz gefunden hat und auch weiterhin finden wird.
(weiterlesen…)
JQuery: Die 20+ besten Content – Plugins (Scroll, Accordion, Slide)
August 18th, 2009 Dennis S. Vor einiger Zeit habe ich ja schon die besten Bildergalerie-Plugins und die besten Modal-Plugins für JQuery vorgestellt und nun soll eine Auflistung der besten Content-Plugins folgen.
Die Liste enthält eine Übersicht über Slider-Plugins, Accordion-Plugins und Scroll-Plugins für das Javascript-Framework JQuery.
(weiterlesen…)
JQuery: Bildbreite ermitteln um Bildunterschriften korrekt darzustellen
Juni 22nd, 2009 Dennis S. Solange Bildunterschriften nicht breiter als ein Bild sind, fällt diese Problem kaum auf. Doch sollte eine Bildunterschrift länger bzw. breiter als die zugehörige Grafik sein, kann es schnell zur fehlerhaften Darstellung des Layouts kommen.
1 2 3 4 | <div class="grafikbox"> <img src="pfad/zum/bild.jpg" alt="Alt-Text" /> <p>Bildunterschrift</p> </div> |
Wird jetzt die Bildunterschrift länger, richtet sich die umschließende Div-Box an dem P-Element aus und die Box wird entsprechend breiter. Gewünscht ist allerdings, dass das Div die Grafik umschließt, die Bildunterschrift jedoch umbricht sobald sie breiter als die Grafik wird.
(weiterlesen…)
xtCommerce: JQuery – Lightbox anstatt PopUp – Fenster einrichten
Mai 26th, 2009 Dennis S. 
Lightbox in xtCommerce
JQuery: Confirm – Dialoge mit dem JQuery UI Plugin erstellen
Mai 14th, 2009 Dennis S. Mit dem JQuery UI Plugin lassen sich u.a. beeindruckende Dialogboxen erzeugen und dynamisch gestalten. So lässt sich z.B. der Titel der Dialogbox individuell gestalten, genauso wie der Text, der innerhalb der Box oder die einzelnen Buttons der Box. Ebenfalls können beliebig viele Buttons für die Dialog-Box erstellt werden und mit unterschiedlichen Bezeichnungen und Funktionen versehen werden.
(weiterlesen…)
JQuery: Die 22 besten Modal – Fenster Plugins
April 26th, 2009 Dennis S. Die besten JQuery – Plugins um modale Fenster zu generieren. Mit diesen Plugins könnt ihr schnell und einfach modale Fenster in eine Webseite zaubern. Egal ob mit Text gefüllt, mit Inhalten aus einem Iframe oder als einfache Grafik bieten euch die nachfolgenden Plugins eine hilfreiche Unterstützung um den gewünschten Effekt umzusetzen.
Simplemodal
SimpleModal
JQuery: Select-Boxen mit Ajax befüllen
März 12th, 2009 Dennis S. 
Beispiel
Sobald Select-Boxen eine große Anzahl an Optionen haben geht die Übersicht und die Bedienbarkeit verloren. Ebenfalls kann es vorkommen, dass die möglichen Optionen von Select-Boxen von vorher ausgewählten Select-Boxen abhängig sind. Somit wäre es schön, wenn an der ersten Select-Box z.B. eine Hauptkategorie ausgewählt wird und die zweite Select-Box für Unterkategorien dynamisch auf Grund der vorher ausgewählten Hauptkategorie gefüllt wird.
(weiterlesen…)
