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
Archiv der Kategorie: jQuery
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
linkVars – URL Paramter an Links anhängen
Will man an Links einen Parameter anhängen, so kann man das in TYPO3 mit der Typoscript Eigenschaft „linkVars“ erledigen. Das Prinzip hierbei ist so, dass wenn erst einmal ein Parameter angehängt wurde, dieser von TYPO3 an alle weiteren Links übergeben wird. Bleibt also nur zu klären, wie die Initialisierung vor sich geht. Weiterlesen
TYPO3 Menu „Link zu externer url“ mit title Tag
Wenn man als Seitentyp „Link zu externer url“ auswählt, so kann man beim Reiter „Verhalten“ zwar das „Linkziel“ angeben (das wird in der Regel „_blank“ sein), aber man hat keine Möglichkeit den dazugehörigen title „Öffnet einen externen Link in einem neuen Fenster“ anzugeben. Gut, man kann sagen das ist auch sch… egal, bzw., nicht so wichtig, es kann aber vorkommen, dass der Kunde es verlangt. Dann hilft jQuery: Weiterlesen
jQuery Fancybox mit Mouseover (hover) öffnen und beenden
Warum auch immer, aber es kann vorkommen, dass man die Bildvergrößerung der so dienstbaren jQuery Fancybox nicht per Klick, sondern bei Mouseover starten will. Hier der notwendige Code: Weiterlesen