Eine Hand voll JS-Skripte für Navigation, Textbeschneidung, Formulare, ...

Nach Installation werden die Skripte einfach im Layout per "moo_"-Template eingebunden.

Die meisten Skripte werden über CSS-Klassen gesteuert, die gegebenenfalls auch in euren Templatesangepasst werden müssen. Einige Skripte machen auch etwas, ohne das eine CSS-Klasse gesetzt werden muss.Alle Skripte setzt so wenig wie möglich Inline-CSS und versuchen grundsätzlich alle bereits gesetztenCSS-Eigenschaften zu berücksichtigen.

Wenn jemand Lust und Zeit hat, kann er gerne ausgiebigere Erfahrungsberichte/Doku schreiben.

conditionalcss

class: ifscript

Wird zur Klasse "script", wenn JS aktiviert ist.

class: noscript

Klasse wird entfernt, wenn JS aktiviert ist.

form

Falls im Formular ein Fehler aufgetreten ist, wird automatisch zu demEingabefeld mit dem Fehler gesprungen.

class: clearDefault

Kann Texteingaben hinzugefügt werden, um beim anklicken den Standardwertzu entfernen.

class: restoreDefault

Kann Texteingaben hinzugefügt werden, um beim verlassen der Eingabe denStandardwert wiederherzustellen, wenn keine Eingabe vorgenommen wurde.

images

class: hoverimg

Kann img-Tags zugewiesen werden oder umgebenden Containern.Beim Überfahren des Bildes wird der Bildpfad geändert. Es wird an den Bildnamen "_active"angehängt, zum Beispiel wird "tl_files/bilder/bild.jpg" zu "tl_files/bilder/bild_active.jpg"

links

class: disabled

Kann a-Tags zugewiesen werden, um sie zu deaktivieren. "In neuem Tab öffnen" sollte weiterhin möglich sein.

navi_hoverfade

class: hf_{Effektdauer}_{Einblende-Verzögerung}_{Ausblende-Verzögerung}[_disabled|_click][_active]

Kann ul-Tags oder umgebenden div-Containern zugewiesen werden.Erzeugt ein Fade-Menü (ist nur für 2 Navigationsebenen geeignet)."_disabled" bewirkt das die erste Navigationsebene keinen Seitenaufruf verursucht."_click" hat das gleiche Verhalten wie "_disabled" und zusätzlich wird beim Anklickender ersten Navigationsebene, sofort der Einblendeeffekt gestartet."_active" bewirkt, dass immer das Untermenü des aktuellen Navigationspfades angezeigt wird,falls kein anderes eingeblendet ist.

navi_hoverpulldown

class: hpd_{Effektdauer}_{Effekt (Siehe mootools)}[_disabled][_active]

Kann ul-Tags oder umgebenden div-Containern zugewiesen werden.Erzeugt ein "ausfahrendes" Menü (ist nur für 2 Navigationsebenen geeignet)."_disabled" bewirkt das die erste Navigationsebene keinen Seitenaufruf verursucht.

scroll

class: scroll_(x|y)_{Geschwindigkeit in Pixel/s}

Kann beliebigen Containern zugeordnet werden. Scroll die Kindelemente durchlaufendnach oben oder links.

truncate

class: truncateText

Kann beliebigen Containern zugeordnet werden. Es wird jeglicher Markup vomenthaltenen Text entfernt und anschließend der Textsolange reduziert bis er in den Container passt.

class: truncateContext

Kann beliebigen Containern zugeordnet werden. Muss ein Element mit derCSS-Klasse "truncateText" enthalten. Wird als Ausmessungungs-Grundlage genommen,anstatt des Containers mit der Klasse "truncateText".