JavaScript-Erweiterungen

Für den Einsatz der JavaScript-Erweiterungen sind HTML-Kenntnisse nötig. Sofern Sie diese besitzen und es sich zutrauen, können Sie mit unseren Anleitungen die unten erwähnten Effekte in Ihre Imperia-Seite integrieren.


Folgende Erweiterungen stellen wir ihnen zur Verfügung:

Text aus- und einklappen

Für das Aus- und Einklappen bieten wir Ihnen mehrere Varianten an. Wie Sie die jeweilige Variante in ihre Seite integrieren, lesen Sie auf der entsprechenden Beispielseite. Die Texte werden ohne JavaScript ausgeklappt angezeigt, deshalb ist die Lösung barrierefrei und die Seiten können in Imperia normal erstellt werden.

Varianten zum Aus- und Einklappen mehrerer Absätze

Variante 1: Aus- und einklappen über verlinkte Absatzüberschrift

Variante 2: Aus- und einklappen einzelner Absätze über Textlinks

Variante 3: Aus- und einklappen einzelner Blöcke mit mehreren Absätzen über Textlinks

Varianten zum Aus- und Einklappen eines Absatzes

Variante 4: Aus- und einklappen über verlinkte Absatzüberschrift

Variante 5: Aus- und einklappen einzelner Absätze über Textlinks

Variante 6: Aus- und einklappen einzelner Blöcke mit mehreren Absätzen über Textlinks

Reiter-Navigation

Reiter-Navigationen erlauben die Mehrfachnutzung von ein und derselben Fläche auf einer Seite.

Beispiel

Modal-Fenster

Ein Modal-Fenster ist ein Dialogfenster, welches sich beim Klick auf einen Link vor die Ausgangsseite schiebt. In einem Modal-Fenster können sowohl website-interne Inhalte als auch externe Inhalte angezeigt werden. 

Beispiele:
Einbinden einer externen Seite
Einbinden eines zusätzlichen Inhaltes (Inline Content).

Welche Konfigurationsmöglichkeiten Sie haben, können Sie hier einsehen.

Rotierende Bild/Text-Anreißer

Rotierende Bild/Text-Anreißer eignen sich für die Startseite von Websites und haben den Zweck, auf beschränktem Raum auf unterschiedliche Inhalte der Website zu verweisen.

Beispiel

2-Klick-Buttons für soziale Netze

Social-Media-Empfehlungen sollten wegen des Datenschutzes nicht direkt mit dem Aufruf der Seite anklickbar sein.

Beispiel

Formulare dynamisieren

Große Formulare enthalten manchmal Abfragen, die nur unter bestimmten Bedingungen beantwortet werden müssen. Diese lassen sich aus- und einblenden.

Wegen Checkbox-Antwort
Wegen Radiobutton-Antwort

Literaturlisten aus heiBIB integrieren

Die Universitätsbibliothek bietet die Möglichkeit, Literaturlisten einzubinden. Bei inhaltlichen Fragen wenden Sie sich bitte an die Universitätsbibliothek. Die Einbindung besteht, wie bei den übrigen Beispielen aus einem JavaScript-Bereich, der im JavaScript-Feld (Alles ausklappen) eingetragen wird, und einem Platzhalter im HTML-Bereich.

Verschiedene Erweiterungen kombinieren

Wenn Sie verschiedene Erweiterungen kombinieren möchten, beachten Sie bitte die Hinweise auf dieser Seite: Verschiedene Erweiterungen einsetzen.


Bitte beachten Sie, dass die Vorschau auf dem Entwicklungsserver Imperia-Dev nur eine korrekte Vorschau bieten kann, wenn alle eingebundenen Dateien (JavaScript, CSS,...) absolut eingebunden sind.

Das Basispaket von JQuery sowie einige sinnvolle Pakete sind installiert und können ebenfalls in die Webseite eingebaut werden. Bitte beachten Sie, dass Sie sie auch nur in eine Sprachversion einbauen können bzw. wenn Sie sie für alle Sprachversionen benötigen, sie in alle Sprachversionen einbauen müssen.

Verantwortlich: Website-services
Letzte Änderung: 14.02.2018
zum Seitenanfang/up