JavaScript Bibliothek - ui.js

JavaScript zur Nutzung zentraler UI-Funktionen, wie z.B. Touch-Funktionen, Größenanpassungen, Ausrichtungen, Responsive-Funktionen, Hochauflösende Bilder, Lazy Load Funktion, etc.

 

Versionshistorie

002.000.532.000 01.08.2016
In der wLightbox geöffnete Seiten werden im HTML-Element um die Klasse lightbox ergänzt.
002.000.525.000 07.07.2016
Weiterleitung beim Abruf von PDFs im Android Browser, um die personalisierte Anzeige geschützter Dokumente direkt über den Reader zu erlauben.
002.000.486.000 01.04.2016
Beim Scrollen wird das HTML-Element um die Klassen scrolldirection-down, scrolldirection-up oder scrolled-top ergänzt.
002.000.458.000 14.12.2015
Die Suggestfunktion der Suche unterstützt das Auswählen über die Hoch- und Runtertasten. Über den Selektor .searchSuggestEntry.selected lässt sich der ausgewählte Eintrag zusätzlich formatieren.
002.000.457.000 01.12.2015
Die Scrollgeschwindigkeit innerhalb einer Seitennavigation lässt sich einstellen: -w-add-data:scrollsmoothtotargetduration=400;-w-add-events:onclick=wScrollSmoothToTarget;
002.000.440.000 27.10.2015
Die Funktionen wBannerSlider, wPictureGallery, wTabcontainer und wAccordion sind nun in der ui.js verfügbar, so dass für diese Weblics kein eingebettetes JS mehr notwendig ist.
002.000.429.000 21.10.2015
Bei Listen unterstützt -w-picture-srchover:color auch HD-Bilder.
002.000.419.000 09.09.2015
Wenn die Seite nicht gescrollt wurde, enthält das HTML-Element die Klasse scrolled-top.
002.000.408.000 18.08.2015
Bei der Druckansicht über viewmode=print wird Lazyloading generell deaktiviert.
002.000.391.000 01.07.2015
Über wOnAfterInitLightbox lässt sich die Lightbox durch eigene Skripte erweitern.
002.000.385.000 29.04.2015
Beim Einsatz von -w-add-events:onclick=wScrollSmoothToTarget zum sanften Scrollen auf Seitenanker wurden Punkte im Anker nicht berücksichtigt.
002.000.371.000 24.03.2015
Über .searchTerm {-w-add-classes:wglSearchSuggest;-w-add-data:project-search=/PATHPROJECT} lässt sich das Projekt für die Suggest-Suche frei definieren.
002.000.336.000 27.02.2015
Über 'scrollIfToHeight' : true lässt sich festlegen, dass überhohe Bilder scrollbar anstatt skaliert angezeigt werden.
002.000.329.000 26.02.2015
Die Lightbox unterstützt die Anzeige einer Beschreibung über das Attribut data-description im A-Tag.
002.000.323.000 04.02.2015
Über die Klasse wglCheckWidthParent lassen sich Inhalte abhängig von der verfügbaren Breite eines Elternelementes darstellen. Ist das Elternelemente nicht breit genug, wird automatisch die Klasse isToSmall ergänzt.
002.000.295.000 25.11.2014
Bei -w-add-classes:wglAnimateIfVisible; lassen sich Elemente nun über die drei Klassen isVisibleOnce, isVisible und isInvisible steuern. So können diese sowohl mit einmaligen Effekten als auch bei jedem Ein-/Ausblenden animiert werden.
002.000.252.000 08.09.2014
Das HTML-Tag wird um eine Klasse für den Viewmode ergänzt, um so z.B. individuelle Styles für eingebettete Seiten zu definieren.
002.000.224.000 04.06.2014
Die Klasse wglNavigationOptimizeTouch wurde für Chrome auf Android optimiert.
002.000.192.000 19.03.2014
Über die CSS-Only Eigentschaft -w-add-classes:wglParallaxBackground; lassen sich Elemente mit Parallax-Scrolling Effekten versehen.
002.000.165.000 14.02.2014
Aliasing Problem beim IE8 gefixt.
002.000.163.000 04.02.2014
Über die CSS-Only Eigentschaft -w-add-classes:wglAnimateIfVisibleOnce; lassen sich Elemente animieren, sobald diese durch Scrollen im Anzeigebereich erscheinen.
002.000.157.000 04.12.2013
Die Klasse html.pagestatus-uiloaded wird automatisch gesetzt, um z.B. CSS3 Effekte nur bei aktivem JavaScript auszuführen.
002.000.152.000 30.11.2013
Über #navigationMain {...-w-add-classes:wglNavigationOptimizeTouch...} werden Layer-Navigationen für die Bedienung auf Touch-Geräten optimiert.
002.000.148.000 26.11.2013
Beim Laden der Seite werden die Klassen pagestatus-ready und pagestatus-loaded ergänzt, um so Einblendeffekte über CSS3-Transitions einfach zu definieren.
002.000.117.000 31.10.2013
Sanftes Scrollen bei internen Ankern wird über die Klasse wScrollSmoothToTarget unterstützt.
002.000.095.000 23.08.2013
Über -w-jquery:window.load|... lässt sich das im CSS definierte jQuery erst beim vollständigen Laden der Seite ausführen.
002.000.094.000 23.08.2013
Durch ieX wird die Version des Internet-Explorers im HTML-Element ergänzt, um so differenzierte CSS-Rollen definieren zu können.
002.000.053.000 06.05.2013
Die neue CSS-Only Funktion wglExpandToHeighestChild wird unterstützt.
002.000.040.000 17.04.2013
Mit -w-add-classes:parent=overflowVisible; lässt sich über CSS eine Klasse zum Elternelement hinzufügen.
002.000.031.000 05.04.2013
Das HTML-Element wird durch eine sprachabhängige Klasse ergänzt, um sprachabhängige CSS-Selektoren zu ermöglichen.
002.000.026.000 28.03.2013
Media Query JavaScript-Callbacks werden auf Basis der über @wCssFragment ausgezeichneten Media Queries automatisch aufgerufen. Ereignisse sind z.B. mediaquery_max320_onactivate und mediaquery_max320_ondeactivate.
002.000.003.000 04.03.2013
Die Höhenanpassung mehrspaltiger Container geschieht auch beim Ändern der Fenstergröße.