Archive for the ‘JQuery’ Category

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

JQuery: Die 23 besten Bildergalerie Plugins

Die 23 besten JQuery-Plugins um Bilder oder Bildergalerien auf einer Webseite darzustellen.

jquery.popeye

Eine Inline-Bildergalerie, die mit einer kleine Navigation zum Durchblättern der Grafiken ausgestattet ist. Außerdem bietet das Plugin die Möglichkeit einen kleinen Text zu jedem Bild anzuzeigen.

JQuery Popeye

JQuery Popeye

Demo

Homepage

(weiterlesen…)

JQuery: Alle Checkboxen beim Auswählen einer Checkbox setzen

Für das Auswählen aller Checkboxen, sobald eine bestimmte Checkbox geklickt wurde, habe ich für euch hier einmal ein kleines JQuery-Snippet. Ein häufiger Anwendungsfall einer solchen Funktion ist z.B. eine Tabelle in der ich bestimmte oder eben alle Tabellenzeilen per Checkbox auswählen lassen möchte. Klicke ich auf die Checkbox, die symbolisch für “Alle Tabellenzeilen markieren” steht, werden alle Tabellenzeilen mit dem untenstehenden JQuery-Code markiert. (weiterlesen…)

Twitter Delicious Facebook Digg Stumbleupon Mister Wong Technorati Favorites More