Kategorie-Archiv: jQuery

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

 

Der TYPO3 Datensatz „Dateiverweise“ als Tabelle

Recht praktisch und für den Redakteur leicht zu bedienen ist der TYPO3 Inhaltsdatensatz „Dateiverweise“ zur Darstellung von Downloads. Defaultmäßig wird hier eine Tabelle ausgegeben. Per Objectbrowser kann man bequem auf die einzelnen tr und td Elemente zugreifen (tt_content.uploads.20.itemRendering.wrap), aber nicht auf das table Tag. Dies könnte wünschenswert sein, wenn man beispielsweise eine Zeile mit Tabellenüberschriften, th, zusätzlich zur Verfügung stellen will. Weiterlesen

 

TYPO3 Bildermenue mit jQuery for-Schleife, each() und eq()

Ein Menü soll als Liste von kleinen Bildern angezeigt werden (Breite 200 Pixel). Diese werden über die Seiteneigenschaften eingebunden. Beim Mouseover über eines der Bilder soll das gleiche Bild in der Mitte in voller Größe erscheinen (Breite 800 Pixel), beim Klick darauf gelangt man auf die Seite. Weiterlesen