Clik here to view.
Datepicker: Datum (Date) Felder vergleichen
In meinem vorherigen Post habe ich über das Datepicker Plugin berichtet und wie man die englischen Beschriftungen (Tage, Monate) in die deutsche Sprache übersetzt. In diesem kleinen Tutorial Artikel...
View ArticleJQuery: Gesamte div Box (Container) verlinken
Besonders auf der Startseite machen sich Boxen mit dem Angebot und einem kleinen beschreibenden Text ganz gut. Man kann sein Produkt, einen Artikel, eine News oder eine weitere Unterseite kurz...
View ArticleClik here to view.
Tablesorter-Beispiel: Tabelle ohne Laden sortieren
Um Daten in einer Tabellen mit einem JavaScript ohne die Webseite erneut zu Laden im Browser nach einer bestimmten Spalte zu sortieren, kann das Tablesorter JQuery Plugin verwendet werden. Dieses feine...
View ArticleJQuery: Leere Felder mit Standardtext belegen
Ansprechende Kontaktformulare oder aber ganz allgemeine Formulare wirken selbsterklärend, wenn die Textfelder mit beschreibenden Werten oder Texten vorbelegt sind. Bei einem Kontaktformular, welches...
View ArticleClik here to view.
JQuery: Slideshow-Plugins mit wechselnden Bildern und Text
Eine Slideshow sieht das Auge des Besuchers einer Webseite fast schon magisch an. Besonders mit einem “Fade in” und “Fade out” Effekt bei den Bildern und Texten wird die Aufmerksamkeit des Nutzers auf...
View ArticleBei Mausklick einen Layer öffnen (jQuery)
Detailierte und zusätzliche Informationen zu einem Thema auf einer Webseite kann man per Klick auf einen Link in einem Layer bzw. Popup anzeigen lassen. Das macht in vielen Fällen Sinn, weil man den...
View ArticlejQuery: Alle Checkboxen mit einem Klick auswählen
Vor allem in Adminbereichen und in der Verwaltung bzw. Pflege einer größeren Anzahl von Einträgen / Daten benötigt man Checkboxen. Grund ist in diesem Fall die Optimierung des Beabeitungsprozesses...
View ArticleAufklappbares und zuklappbares div Element (jQuery)
Will man für den Nutzer erweiterte, zusätzliche Informationen beim Laden der Seite ausblenden und nur bei einer bestimmten Aktion bzw. Event einblenden, wie zum Beispiel durch einen Klick (on click)...
View ArticleFormular per AJAX-Request (jQuery) abschicken
Das Abschicken von Formulardaten erfolgt in der Regel durch Drücken des Submitbuttons. Der Nutzer wird dann auf die jeweilige Seite weitergeleitet, die im HTML-Tag form als Attribut action angegeben...
View ArticlejQuery-Selektor mit regulären Ausdrücken
Wer mit dem Javascript-Framework jQuery arbeitet, der wird irgendwann merken, dass normale Selektoren wie #name oder .name nicht mehr ausreichen und man gezwungen ist reguläre Ausdrücke zu verwenden....
View ArticleFormularfelder mit Javascript validieren (Live)
Bei Formularfeldern und Formularen sollte man auf Javascript-Validierungen zurückgreifen, um den Nutzer vorab über die falschen Eingaben zu informieren. Das Anzeigen von Fehlermeldungen nach Abschicken...
View ArticleJQuery: Doppeltes Klicken / Senden des Formulars deaktivieren
Man kennt es bei Scripten, dass ab und an Formulare doppelt gepostet werden und in der Datenbank laden oder man doppelte E-Mails im Posteingang auffindet. Das ist in der Regel der Fall, wenn der...
View ArticleClik here to view.
LiveValidation: Code Beispiele
In einem älteren Post habe ich über die JavaScript Bibliothek Live Validation von Alec Hill geschrieben. Nach diesem Post haben mich einige nach ein paar Beispielen gefragt. Zwar sind auf der...
View ArticleClik here to view.
IFrame: Höhe automatisch dem Inhalt anpassen
Bei externen Diensten, zum Beispiel beim Einbinden von Content in die eigene Seite, werden sehr häufig IFrames eingesetzt. Bei statischen Einzelseiten ist die Anpassung der Höhe an die eigene Seite...
View ArticleJquery: Datepicker mit deutschen Wochentagen
Bei Buchungsformularen, besonders im Tourismus Bereich oder zum Beispiel auf Flug Portalen, ist die schnelle Datumauswahl besonders wichtig. Der Nutzer soll das Datum möglichst bequem auswählen können,...
View Article
