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.525.000 07.07.2016 10:14
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 16:40
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 17:05
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 14:39
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 18:07
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 17:03
Bei Listen unterstützt -w-picture-srchover:color auch HD-Bilder.
002.000.419.000 09.09.2015 11:48
Wenn die Seite nicht gescrollt wurde, enthält das HTML-Element die Klasse scrolled-top.
002.000.408.000 18.08.2015 08:08
Bei der Druckansicht über viewmode=print wird Lazyloading generell deaktiviert.
002.000.391.000 01.07.2015 12:15
Über wOnAfterInitLightbox lässt sich die Lightbox durch eigene Skripte erweitern.
002.000.385.000 29.04.2015 10:47
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 20:08
Ü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 10:14
Über 'scrollIfToHeight' : true lässt sich festlegen, dass überhohe Bilder scrollbar anstatt skaliert angezeigt werden.
002.000.329.000 26.02.2015 22:35
Die Lightbox unterstützt die Anzeige einer Beschreibung über das Attribut data-description im A-Tag.
002.000.323.000 04.02.2015 12:34
Ü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 12:42
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 19:51
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 22:00
Die Klasse wglNavigationOptimizeTouch wurde für Chrome auf Android optimiert.
002.000.192.000 19.03.2014 12:42
Über die CSS-Only Eigentschaft -w-add-classes:wglParallaxBackground; lassen sich Elemente mit Parallax-Scrolling Effekten versehen.
002.000.165.000 14.02.2014 13:22
Aliasing Problem beim IE8 gefixt.
002.000.163.000 04.02.2014 09:25
Ü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 21:13
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 13:06
Ü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 14:47
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 12:26
Sanftes Scrollen bei internen Ankern wird über die Klasse wScrollSmoothToTarget unterstützt.
002.000.095.000 23.08.2013 16:59
Ü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 14:24
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 10:49
Die neue CSS-Only Funktion wglExpandToHeighestChild wird unterstützt.
002.000.040.000 17.04.2013 09:46
Mit -w-add-classes:parent=overflowVisible; lässt sich über CSS eine Klasse zum Elternelement hinzufügen.
002.000.031.000 05.04.2013 22:36
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 08:57
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 17:21
Die Höhenanpassung mehrspaltiger Container geschieht auch beim Ändern der Fenstergröße.