Classic Weblics

Beachten Sie, daß auf dieser Seite die Weblic® der alten Projektgrundlage BASE Classic gezeigt werden!

>> zu den Mobile First Weblics

Weblics® sind Web-Anwendungen
von Weblication® CMS

BASE Classic: 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.

Zur Übersicht

Versionshistorie

002.000.713.000 12.01.2022: div-Container zu wMediaqueryTmp xhtml-konform gesetzt
002.000.653.000 28.09.2018: wSetParameterAndReload Funktion hinzugefügt, um URL-Parameter zu setzen und die Seite neu zu laden
002.000.652.000 13.09.2018: Die cookieNotice-Abfrage wurde von der design.js in die ui.js verschoben.
002.000.622.000 05.01.2018: Der Scroll-Fortschritt einer Seite lässt sich über einen Balken visualisieren.
002.000.610.000 11.09.2017: Anpassung zu onTouch in Verbindung mit Navigation-Layer-Darstellung
002.000.609.000 11.09.2017: globale Änderung zu load-Events (ausgelagert aus ready)
002.000.608.000 11.09.2017: Hochzähler Funktion für Überschriften wird unterstützt
002.000.603.000 15.08.2017: Events in Accordion-Container werden bei click auf "Alle Aufklappen" angestoßen.
002.000.602.000 15.08.2017: Größenanpassung Tab-Container an Accordion-Container onclick aktiviert
002.000.597.000 28.06.2017: Die Zeichen der Schriftgrößenanpassung kann nun über CSS angepasst werden.
002.000.596.000 11.05.2017: Über CSS-Only kann durch Setzen des data-Attributes pushstateonselect=0 verhindert werden, daß beim Auswählen eines Akkordeon- oder Registerlaschen-Elementes der Anker in der URL ergänzt wird.
002.000.574.000 02.01.2017: Die wLightbox-Funktion unterstützt nun auch Data-Attribute (data-widthbox, data-heightbox)
002.000.573.000 23.12.2016: Anpassungen zum window.opener Objekt bei target=_blank vorgenommen
002.000.572.000 08.12.2016: Erweiterte Unterstützung von Akkordeon-/Tab-Containern und allgemein bei seiteninternen Verweisen, auch in Bezug auf Scrolling
002.000.569.000 21.11.2016: In der Vorschau wird das HTML-Element um die Klasse wpreview ergänzt
002.000.547.000 14.09.2016: Kodierungfehler beim IE in Verbindung mit der Suggest-Funktion der Suche behoben.
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.