Kategorie-Archiv: jQuery

Schöne, einfache Lightbox ohne Extension für TYPO3

Je weniger Extensions desto besser, oder? Vor allem dann, wenn man mit zwei Zeilen TypoScript das Ziel erreicht. Das Ziel heißt hier eine schöne Klickvergrößerung für Bilder.
Weiterlesen

 

Formularelemente dynamisch erweitern und mit dem TYPO3 Formhandler versenden

Formularelemente sollen vom User dynamisch erweitert, ausgefüllt und verschickt werden können. Als Basis dient das TYPO3 Plugin „Formhandler“ und wie immer jQuery.
Weiterlesen

 

Einen Layer als Ankündigung für besondere Inhalte mit TYPO3 realisieren

Mehr oder weniger flächendeckende Layer, die sich einblenden, sobald die Homepage aufgerufen wird und die über bestimmte Dinge informieren oder wichtige Ankündigungen bereit halten, sind eine schicke und nützliche Sache. Mit TYPO3 geht das relativ einfach.
Weiterlesen

 

TYPO3 responsive Images – eine einfache Lösung

TYPO3 bringt seit Version 6.2 verschiedene Lösungen für die Behandlung von Bildern im Zusammenhang mit responsive Design mit. Eine weitere Möglichkeit findet man in der Bootstrap Distribution. Für einfache Anwendungsfälle stelle ich hier eine eigene Option vor.
Weiterlesen

 

Nützliches CSS und jQuery für Responsive Websites

Ein paar Anforderungen tauchen im Zusammenhang damit, dass eine Website ihre Inhalte und ihr Design auf allem möglichen Gerätegrößen perfekt zum Ausdruck bringen muss, immer wieder auf: zum Beispiel off-canvas Menüs und unterschiedliche Klickevents je nach Endgerät.
Weiterlesen

 

Simples responsive Menü mit jQuery: eine select Box

Es gibt etliche mehr oder weniger aufwändige Möglichkeiten für die optimale Darstellung eines Menüs auf dem mobilen Gerät. Hier eine simple Lösung, die eine select Box generiert.
Weiterlesen

 

TYPO3 newscalendar mit Ajax nachladen

Die Extension „newscalendar“ bietet die schöne Möglichkeit tt_news für Veranstaltungen zu verwenden und für die Termine einen Kalender zur Verfügung zu stellen. Das klappt einigermaßen out of the box. Drei Dinge allerdings stören: die Extension kommt mit der veralteten jQuery Version 1.3.2 daher, beim Weiterklicken auf einen Monat wird die Seite neu geladen und die Links zur Single Ansicht funktionieren nicht auf einem touch device.
Weiterlesen

 

Ausklappmenü mit Verzögerung

Sich einblendende Untermenüs beim Bewegen der Maus über den jeweiligen Hauptmenüpunkt sind heutzutage üblich. Man kann das sehr einfach per CSS realisieren. Nervig wird es aber, wenn das Menü so platziert ist, dass immer wieder unbeabsichtigt das Ausklappmenü erscheint, obwohl man mit der Maus ganz wo anders hin will. Hier hilft es, einen Verzögerungseffekt einzubinden z.B. mit jQuery. Weiterlesen

 

Footer, der per Klick nach oben scrollt

Genaugenommen scrollt nicht der Footer nach oben, sondern der Body nach unten. Der Effekt ist jedenfalls hübsch: am unteren Browserfenster klebt ein Link, eine „Footerlippe“, die bei Klick den Footer ins Bild schiebt. Weiterlesen

 

Bildunterschrift bei Mouseover einblenden und jQuery cycle für „csc-textpic“

Die Anforderung: Bilder sollen bei Mouseover den jeweiligen Text anzeigen, der als Bildunterschrift in einen TYPO3 Datensatz gepflegt wird. Per CSS wird der Text über das Bild gelegt. Verlässt die Maus das Bild, soll der Text natürlich wieder verschwinden.
Weiterlesen