Archive for the ‘JQuery’ Category

JQuery: Selectbox via Checkbox aktivieren/enablen

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…)

JQuery: Tablesorter-Plugin Erweiterung für das deutsche Datumsformat “dd.mm.yy hh:mm”

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)

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

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)

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

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

Lightbox in xtCommerce

Lightbox in xtCommerce

Wer kennt Sie nicht, die doch etwas in die Jahre geraten PopUp-Fenster in der Produktdetailansicht von xtCommerce. Um diese gealterte Ansicht etwas zu modernisieren, habe ich mich bei einem aktuellen Projekt dazu entschlossen den Lightbox-Effekt mittels JQuery einzurichten.

(weiterlesen…)

JQuery: Confirm – Dialoge mit dem JQuery UI Plugin erstellen

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

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

SimpleModal

Homepage

Demo

(weiterlesen…)

JQuery: Select-Boxen mit Ajax befüllen

Beispiel

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…)

Twitter Delicious Facebook Digg Stumbleupon Mister Wong Technorati Favorites More