Volltextsuche
Mobile Performance durch neue Lazy Loading Funktionen
ab: Version Veröffentlichungsdatum: 09. April 2018 Änderungsdatum: 19. Februar 2021 weblication cms bilder lazy loading performance Beim Lazy Loading werden Bilder erst dann geladen, wenn diese im sichtbaren Bereich sind. Während dies bei
Version 13: Mobile Performance durch neue Lazy Loading Funktionen
Funktionen Veröffentlichungsdatum: 09. April 2018 Änderungsdatum: 08. August 2023 Projektgrundlage: BASE Beim Lazy Loading werden Bilder erst dann geladen, wenn diese im sichtbaren Bereich sind. Während dies bei schnellen Verbindungen meist
Lazy Loading in Listen
29. Juni 2013 Änderungsdatum: 19. Februar 2021 weblication cms lazy loading listen Listen unterstützen ab sofort Lazy Loading, um Bilder erst zu laden, wenn diese sich im Anzeigebereich befinden. Listen unterstützen ab sofort Lazy Loading, um
Lazy Loading in Listen
24. Oktober 2019 Änderungsdatum: 08. August 2023 Projektgrundlage: BASE Listen unterstützen bereits im Standard Lazy Loading, um Bilder erst zu laden, wenn diese sich im Anzeigebereich befinden. Besonders bei kleinen Bildschirmen in Verbindung
Lazy Loading für Interaktive ImageMaps bzw. Erklärbilder
08. August 2023 Projektgrundlage: BASE Das Weblic® Interaktive ImageMap unterstützt im Standard (Oktober 2022) Lazy Loading. Bilder, die in dem Erklärbild für die Marker als Vorschaubild definiert wurden, werden erst geladen wenn der Benutzer
-w-editmaskExtended-lazyload
bannerSlider.wFilelist.php Beispiele / Anwendungsfälle Beispiel 1: Blendet das Auswahlfeld zur Lazy Loading Einstellung von Bildern aus .listPictureGallery_var2 { -w-editmaskExtended-lazyload: no} Weiterführende Links
wOutput::loadWithoutCache
Sorgt dafür, dass die angegebene URL vom Benutzer ohne Cache aufgerufen wird Funktionsaufruf Boolean loadWithoutCache(String url) Parameter url URL, die ohne Cache aufgerufen wird Beispiel: Impressum wird ohne Cache aufgerufen (auch wenn
Lazy Loading Funktion bei Bildern aktivieren / deaktivieren
08. August 2023 Projektgrundlage: BASE Für das Bild-Element ist in den CSS-Only-Varianten (z.B. Variante 0) die Lazy Loading Funktion in der Regel standardmässig aktiviert Um bei bestimmten Bildern ein anderes Verhalten zu erwirken, können
wImage::getDataUrlPlaceholder
height Höhe des Originalbildes Beispiel: Ermittelt eine Data-URL für den transparenten Platzhalter für Lazy loading Quelltext <?php $pathImage = "/baseAssets/img/bild-orange.jpg" ; $pictureWidth = "150" ; $pictureHeight = "120" ;
Vorgehensweise bei XML-Fehlern
XML-Fehlern Nutzbar ab: Version Veröffentlichungsdatum: 02. Juli 2015 Änderungsdatum: 08. April 2021 xml fehler parse load Bei Fehlern in der XML-Struktur erleichert Ihnen Weblication® den Weg zur Problemlösung mit gezielten Hinweisen.
Mobile First BASE: Responsive Bilder
(Bildschirmgrößenraster) HD-Bilder für optimale gestochen scharfe Bilder auf hochauflösenden Bildschirmen Lazy Loading, um die Bilder erst zu laden, wenn sie im Anzeigebereich sind Pixelgenaues Laden von Bildern, falls für jeder
-w-initon
[|load] Legt fest, dass der Banner erst nach dem vollständigen Laden aller Seiteninhalte initialisiert wird (load). bannerSlider.wFilelist.php Beispiele / Anwendungsfälle Beispiel 1: Legt fest, dass der Banner erst nach dem
wDOM::parseFile
Erstellt ein DOM-Objekt auf Basis einer XML-Datei
wDOM::getValueOf
Ermittelt einen Wert aus einem XML-Baum
wPicture::createPicture
embedBottomLeft Wie embed mit Ausrichtung unten links force Die Größe wird angepasst und das Bild ggf. verzerrt loadMode [|lazy] Falls das Bild erst dann geleaden werden soll, wenn es sich im sichtbaren Bereich befindet sizeMode Größemodus
Anwendungsbeispiel: Formular über mehrere Seiten mit Übergabe der Werte über Session
getVar ( 'redirectSuccess' ))){ $redirectURL = wURL :: setParameter ( $this -> url , 'wFormStatus' , '' ); wOutput :: loadWithoutCache ( $redirectURL ); wResponse :: redirect ( $redirectURL ); } else{ wResponse :: redirect ( $this -> getVar (
So werden XSLT-Fehler einem Administrator direkt angezeigt
[ xsltprocessor.transformtoxml ]: No stylesheet associated to this object in ... DOMDocument::loadXML() [ domdocument.loadxml ]: Empty string supplied as input ... Aus der Fehlermeldung lassen sich nun direkt die möglichen
Unterschied zwischen den XSL-Elementen copy-of und value-of
" wd:fragment[@id = 'text'] "/> ... <!-- Erzeugt beim Aufruf über den Browser einen Fehler: Warning: DOMDocument::loadXML() [domdocument.loadxml]: xmlParseEntityRef: no name in Entity, ... --> Fazit Zeichen innerhalb von Textfeldern sollten
wOutput
Prüft, ob das aktuelle Element (wd:item) angzeigt werden darf Boolean isViewableItem(Node wItemNode, String viewMode = '') loadWithoutCache Sorgt dafür, dass die angegebene URL vom Benutzer ohne Cache aufgerufen wird Boolean loadWithoutCache(String url)
Einfaches Formular
$redirectURL = wURL::setParameter($this->url, \'wFormStatus\', \'\'); wOutput::loadWithoutCache($redirectURL); wResponse::redirect($redirectURL); } else{ $this->setStatus("failed");
Individuell gestaltetes Beispielformular
$redirectURL = wURL::setParameter($this->url, \'wFormStatus\', \'\'); wOutput::loadWithoutCache($redirectURL); wResponse::redirect($redirectURL); } else{ $this->setStatus("failed");
Änderungen in Weblication® CMS Core/GRID
008.000.367.000 06.11.2013 Neue Framework-Funktion wImage::getDataUrlPlaceholder verfügbar, um Platzhalter für Lazy loading bereitzustellen. 008.000.333.000 25.10.2013 Über $preVars['showOffline'] lässt sich die Anzeige von Offline-Dateien
Framework
Prüft, ob das aktuelle Element (wd:item) angzeigt werden darf Boolean isViewableItem(Node wItemNode, String viewMode = '') loadWithoutCache (1) Sorgt dafür, dass die angegebene URL vom Benutzer ohne Cache aufgerufen wird Boolean loadWithoutCache(String url)
Darstellung des Mehrfachuploader im Formular individuell beeinflussen
= document.querySelector('.wglUploaderForm'); if(iframeUploader){ iframeUploader.contentWindow.addEventListener('load', function() { var elementLink = document.createElement('link'); elementLink.setAttribute('rel', 'stylesheet');
Objekt-Daten mit verschachtelter XML-Struktur ersetzen
$_SERVER [ 'DOCUMENT_ROOT' ] . '/weblication/grid.php' ; $path = '/de/index.php' ; $dom = new DOMDocument (); $dom -> load ( $_SERVER [ 'DOCUMENT_ROOT' ] . $path ); $xpath = new DOMXPath ( $dom ); $existingNodes = []; $newNodes = [
wList::createListFromXML
Generiert eine Liste auf Basis einer XML-Zeichenkette
Cookies - Informationen zum Datenschutz
width: 100%; background-color: #d0d0d0; border-top: solid 1px #a0a0a0; padding: 10px; text-align: center;} .pagestatus-loaded #cookieNotice { display: block; bottom: 0;} #cookieNotice #cookieNoticeCloser { margin-left: 8px;} #cookieNotice
Formularvalidierung für Bestätigungsfelder umsetzen
; } if(! $validation ){ $redirectURL = wURL :: setParameter ( $this -> url , 'wFormStatus' , 'failed' ); wOutput :: loadWithoutCache ( $redirectURL ); wResponse :: redirect ( $redirectURL . '#wFormErrorMessages' ); } ... Ein Seitenbesucher muß somit in
Suchbegriffe in der Seite hervorheben
der Seite und der Bilder etc. // //////////////////////////////////////////////////////////////// jQuery(window).on('load', function(){ // Scrollen zum ersten hervorgehobenen Begriff window.setTimeout(function(){
Google Maps Karte lädt nicht und bringt Fehlerhinweis
du der JavaScript-Konsole. Google Maps kann auf dieser Seite nicht richtig geladen werden. bzw. This page can't load Google Maps correctly. Do you own this website? Die Hinweismeldung der Google Map führt entweder an, daß Sie die
BASE (Mobile First): Responsive Bilder
(Bildschirmgrößenraster) HD-Bilder für optimale gestochen scharfe Bilder auf hochauflösenden Bildschirmen Lazy Loading, um die Bilder erst zu laden, wenn sie im Anzeigebereich sind Pixelgenaues Laden von Bildern, falls für jede
Einsatz von Isotope Darstellungen für Bildergalerien
none; -w-editmaskExtended-categoriesquickfilter: yes; -w-jquery: jQuery (this) .prepend (' ') \3BjQuery (window) .load (function() \7BjQuery (".listDefault_var10999") .isotope () \7D); -w-add-data: eventafterquickfilter=jQuery
Beispiele für das Suchen & Ersetzen Werkzeug
das Formular ohne Cache aufgerufen wird (wie in der jeweils aktuellen BASE umgesetzt ( Framework-Funktion: wOutput::loadWithoutCache )). Weiterhin sollten Sie den Datei-Cache auch nicht in folgenden Dateien setzen, sondern deaktivieren: Suche-Seite Seite
Nutzung von SSL-Zertifikaten für HTTPS-Aufruf
Firebug) kann ein Hinweis z.B. wie folgt aussehen: Mixed Content: The page at 'https://www.domain.dd/de/index.php' was loaded over HTTPS, but requested an insecure stylesheet 'http://fonts.googleapis.com/css?family=Oswald'. This request has been
Formularwerte bzw. Formulardaten weiterverarbeiten
== ""){ $redirectURL = wURL::setParameter($this->url, 'wFormStatus', ''); wOutput::loadWithoutCache($redirectURL); wResponse::redirect($redirectURL); } else{ //wResponse::redirect($this->getVar("redirectSuccess"));
Eigenes Skript als SMTP-Host verwenden
); require_once( $_SERVER [ 'DOCUMENT_ROOT' ]. '/_externe-Anwendungen/PHPMailer/OAuth.php' ); //Load Composer's autoloader //require 'vendor/autoload.php'; /* // Für Tests direkt über ein PHP-Skript: $mailData['from']
Lottie-Files: Player pausieren
pauseAtFrame); lottiePlayer.addEventListener("frame", eventHandlerPauseLottiePlayer); lottiePlayer.addEventListener("load", eventHandlerPauseLottiePlayer); lottiePlayer.addEventListener("mouseenter", eventHandlerPauseLottiePlayer); } };
CSS-Only Referenz
Auswahlbox für das Layout im Bildelement angeboten wird -w-editmaskExtended-lazyload Zeigt das Auswahlfeld zur Lazy Loading Einstellung von Bildern an -w-editmaskExtended-levelheadline Definiert, ob die Auswahlbox für die Überschriften-Ebene