Volltextsuche

wPageCur::registerJs

zu können. Funktionsaufruf Void registerJs(String path, String target, String allowMerge) Parameter path Pfad der JS Datei target Ziel, wo die JS-Dateien eingebunden werden sollen (z.B. head, um es im Kopfbereich einzubinden). Das

JS-Dateien werden ab sofort minimiert und sprachabhängig abgelegt - Vorsicht beim UPDATE!

Vorgehensweise bei XML-Fehlern

ein Javascript ein, das einmal mit cdata-section im script -Tag gesetzt ist und einmal ohne. KORREKT JS in der standard.wDocument.php gesetzt: Beispiel 1: Javascript-Tag mit cdata-section und CDATA-Tags Beispiel 2: JS in

Die bisherigen Funktionen der JS-Klasse wDom sind nun nur noch über wDocument erreichbar!

der JS-Klasse wDom sind nun nur noch

Performance-Optimierungen

Listen-Cache nutzen Dynamische Inhalte und Cache kombinieren Data URLs automatisch generieren Komprimierte CSS und JS Dateien Entpacken im Browser CSS und JS komprimieren Komprimieren über Apache mod_deflate Große Bilder auffinden

Links / Querverweise über Lightbox

Hilfebereich . Schritt 1: Zentrale Javascript- und CSS-Dateien einbinden Schritt 2: Zentrale Javascript-Datei design.js Individuelle Breiten- und Höhenangaben der Lightbox Schritt 3: Attribute für die Linkbearbeitung definieren Schritt

Manuelles Nachrüsten der 16er Statistik in älteren Projekten (z.B. BASE Classic)

mit aktiver CMS-Version 16 über die weiteren Werkzeuge installiert werden. Ablage der erforderlichen Skripte (wa.js, wa.php) includes.global.php (im htmlHeader-Template) Anpassungen in der design.js Weiterführende Links Ablage der

Responsive Toggler-Navigation anpassen

und die Angabe der Media Queries für die gewünschten Breiten (siehe auch Quelltext-Beispiele unten). design.js Pfad: /[IHR-LAYOUT-PROJEKT]/wGlobal/layout/scripts/design.js Beinhaltet die Javascript-Definitionen mit Angabe der

CSS und Javascript dynamisch einbinden

Javascript dynamisch einbinden Veröffentlichungsdatum: 23. Oktober 2009 Änderungsdatum: 07. November 2017 javascript js css stylesheet include einbinden dynamisch weblic Ob eine CSS- bzw. eine Javscript-Datei im HTML-Kopf engebunden wird,

highlightCode

werden soll. php - PHP Quelltext xslt - XSLT Quelltext xml - XML Quelltext html - HTML Quelltext css - CSS Quelltext json - JSON Quelltext [|0|1] hideStartEndTags Falls PHP Start- und Endtags nicht angezeigt werden sollen String text * Text,

Weblication® Entwicklerbereich

CSS-Only Variante "Geöffneter Inhalt als Layer rechts am Bildschirm" verfügbar. In Verbindung mit der aktuellen ui.js lassen sich die Inhalte beim Öffnen von rechts über einen Layer in die Seite einfahren. 25 Juli BASE für Version 20:

Hash-Id vor Event "hashchange" manipulieren

Weblication manipulieren Wird eine Seite mit einem Anker aufgerufen, so wird dieser in der Regel von Weblication (ui.js > Version '1.1.33') weiterverarbeitet, um zum Beispiel Register- oder Akkordion-Container anzusteuern. Es ist

wURL::createMailNoSpamJsFunction

Schützt eine E-Mail Adresse als JS-Funktion vor SPAM (Die E-Mail wird nur in Verbindung mit der ui.js korrekt aufgerufen) (verfügbar ab CMS-Version 011.005.062.000) Funktionsaufruf String

Bereichsnavigation - Navigation nur beim Hochscrollen Anzeigen

(wglKeepInsideTopOnScroll) manipulieren, sodass sie nur beim Hochscrollen sichtbar wird. Auszug aus der desing.js //////////////////////////////////////////////////////////////// // // Beim Scrollen // //////////////////////////////////////////////////////////////// jQuery ( window ). on ( 'scroll' ,

createMaskedMailLink

Macht eine E-Mail-Adresse für Robots schwerer lesbar. TAG Attribute [MAIL] mail * Zu maskierende E-Mail [|js] type Art der Maskierung bei js wird die E-Mail über JavaScript geöffnet. String class CSS Klasse [|0] active

Lightbox-Darstellung beeinflussen

bekommt. Schritt 1: Zuweisen der Lightbox-Variante über w-jquery Schritt 2: Definition der Lightbox-Variante über JS Schritt 3: Darstellung der Lightbox-Variante im CSS definieren Hinweis Schritt 1: Zuweisen der Lightbox-Variante über

Download von Binärdateien erzwingen

erzwingen Sie können den Download von Binärdateien für alle download-CSS-Klassen erzwingen indem Sie in der design.js u.a. Snippet definieren. Auszug aus der design.js jQuery(document).ready(function(){ // ... //Funktion für alle A-Tags

Lightbox: Listenvariante boxGallery

für deren Bilder in der Regel* die Lightbox-Variante "boxGallery". Die Einstellungen der Variante werden in der design.js definiert. Auszug design.js wLightboxVariants [ 'boxGallery' ] = { class : 'imageFull' ,

-w-registerJs

Beispiele / Anwendungsfälle Beispiel 1: Bindet für die Isotope Listendarstellung von Bildern das erforderliche JS-Plugin ein /* ... */ .listDefault_var3600 { -w-registerJs:

Strukturierte Daten in Webseiten

15. März 2021 Änderungsdatum: 29. November 2023 weblication cms strukturierte daten schema schema.org json suche Strukturierte Daten über schema.org dienen dazu, spezielle Inhalte auf Webseiten zu kennzeichnen. Dies

Suchbegriffe in der Seite hervorheben

Seitenaufruf geprüft, wo in der Seite das dem highlight -Parameter als Wert übergebene Wort zu finden ist. Die design.js definiert hierfür über die Variable " wHighlightBlockRoot " den Block, welcher in der Seite durchsucht werden soll

includeJsRessources

externen Ressource --> ... ... <!-- In den Elementen der aktuellen Seite benötigte und dynamisch registrierte JS-Dateien einbinden, welche nicht am Ende des Body, sondern extra in den Head gesetzt werden sollen --> target= " head

wStringconverter::minimizeJS

::minimizeJS Minimiert JavaScript (verfügbar ab CMS-Version 15) Funktionsaufruf String minimizeJS(String jsStr) Parameter jsStr Zu minimierendes JS Beispiel: Minimiert den JavaScript-String Quelltext <?php $filePathJS = $_SERVER

Scrolling von oben erzwingen

erzwingen So erzwingen Sie das Scrolling von oben, um z.B. Anker von oben anzusteuern. Beispiel: Auszug aus der design.js, für individuelles Scrollverhalten /* Beim Aufruf von Seiten mit Ankern scrollt der Browser in der Regel direkt

HD-Funktion in BASE-Projekten nachrüsten

nachrüsten. Schritt 1: Media-Queries nachziehen Schritt 2: Software updaten und Modul lizenzieren Schritt 3: hd.js in der includes.global.php integrieren Schritt 4: Aktuellstes Bild-Element installieren Schritt 5: CSS-Definitionen zum

JavaScript Dateien im HTML-Head einbinden

diesen direkt in das Template zu kopieren. Empfehlenswert ist hierfür die Stelle nach dem Einbinden der Head-JS-Skripte ( Bitte beachten Sie: Bevor Sie das Skript einfügen, müssen Sie sichertellen, dass die Syntax wohlgeformt ist

wStringconverter::maskAposJS

Anführungszeichen, um diese in JS zu verwenden Funktionsaufruf String maskAposJS(String str) Parameter str Zu maskierende Zeichenkette Hinweis Beim

Kategorienfilter und wie das Verhalten manipuliert werden kann

wird die URL manipuliert und über location.href abgesendet. Das kann über eine Funktion in der design.js manipuliert werden. Kategorienfilter, beeinflussen der Weiterleitung Für unten aufgeführte Syntax existierten zwei

Mini-Shop: Umsetzung über Objekt-Wizard - Beschreibung

1:Einbinden von Paypal 1:Anpassen der bestellung.php 1:Javascript PayPal Checkout Fehlerbehebung Paypal-Schnittstelle JS Fehler: paypal nicht erkannt JS Fehler: , nicht zulässig Validierung des Weblication - Formulares wird onclick auf

Formularfelder via Ajax laden

sich der Inhalt des Kalenderfeldes wird das Event "wOnAfterChangeDate()" ausgeführt. Das Event kann in der design.js (für alle Seiten) oder nur in der aktuellen Seite über das Javascript-Quelltext-Element eingefügt werden. Innerhalb

So nutzen Sie eigene Javascript-Funktionen zum Validieren

bearbeitung validierung validieren javascript Dieser Artikel beschreibt, wie Sie innerhalb der Bearbeitung eigene JS-Funktionen einsetzen können. Weblication® bietet über das Text-Pflegetag-Attribut validator="" die Möglichkeit, das

RSS: Weblication® Mobile First Changelogs

werden. Die Variante 10 der headerElementLanguageSelector.scss ist hierfür entsprechend umgesetzt und eine aktuelle ui.js erforderlich. 16.07.2025 10:38 BASE für Version 19: Liste 1.0.334: Über die CSS-Only Option

Lottie-Files: Player pausieren

beschreibt, wie Sie Lottie-Files laden und abhängig von einem Lottie-Frame pausieren können. Funktionen in der design.js: Eventhandler für den Lottie-Player /////////////////////////////////////////////////////////////// // // Anmeldung

Änderungen in Weblication® CMS Core/GRID

Projekt nur über das deutsche Projekt erfolgen dürfen. 007.002.148.000 06.11.2012 Die Browsererkennung in der design.js von Projekten wird automatisch für den IE 10 erweitert. 007.002.147.000 06.11.2012 Beim Filtern über deleteFormats

wUserCur::getAlertsJs

Zeigt dem aktuellen Benutzer die noch nicht angezeigten Meldungen

CSS-Grid-Layout formatieren mit JavaScript in CSS-Only

In Weblication® kann über eigene Weblication® Techniken in Verbindung mit der BASE (Mobile First) JavaScript direkt in CSS eingebettet werden.

Systemvoraussetzungen Weblication®

(inkl. FreeType), optional/zusätzlich imageMagick Cookie-Modul zu PHP-Sessions (session.use_cookies) PHP JSON Schreibrechte für den Webserver innerhalb/inklusive DOCUMENT_ROOT HTTP(s)-Verbindung zu downloadserver.weblication.de

thumbnail

abweichend von der Standardqualität reduziert werden soll (0-100) String attributeHD Z.B. srcset, falls kein JS unterstützt wird. [|gray] colorspace Falls das Bild in Graustufen ausgegeben werden soll [|color] srcHover Falls neben

Ansicht für die Druckfunktion definieren

3. Definition und Einbindung der JavaScript-Funktion Diese Javascript-Funktion ist in der ui.js definiert, welche mit jedem Projekt im Standard bereits mitgeliefert wird. Die JS-Funktion erwartet unter anderem die

Einfügen von Struktur-Elementen einschränken bzw. erlauben

speziell für Newsletter der BASE (Mobile First) 8) Falsche Namensraumangabe im Mastertemplate-Element 9) JS-Dateien im tmpHTTP-Verzeichnis mit Fehler 500 10) Mastertemplate-XML nicht valide Allgemeine Hinweise 1)

Verhindern, dass die Lightbox onclick auf den Hintergrund geschlossen wird.

beachten Sie : Möchten Sie das Event "global" ausschalten, dann fügen Sie die unten aufgeführte Syntax in die design.js ein. Soll es nur auf einer Seite deaktiviert werden, ist es ratsam die Syntax über ein Javascript-Strukturelement in

Framework

wsl:includeCssRessources einbinden zu können. Void registerCss(String path, String media) registerJs Registriert eine JS Datei, um diese im HTML-Kopf über wsl:includeJsRessources einbinden zu können. Void registerJs(String path, String

Mobile Performance mit Weblication

Netzwerkanalyse bei Firefox, Chrome, Safari, IE Chrome Lighthouse (Entwickler-Tools / Audits) oder über node.js Was die Entwicklerwerkzeuge der Browserhersteller angeht, gehen wir in diesem Artikel nicht näher darauf ein.

Dateiexplorer in eigenen Anwendungen einsetzen

zur Verfügung stellen. Binden Sie in der gewünschten Seite die erforderliche Javascript-Datei ein (browseEdit.js) und setzen Sie die Funktionsaufruf an entsprechender Stelle. Beispiel: Funktionsaufruf (Javascript) für den

Cookies - Informationen zum Datenschutz

HD-Bilder verwendet werden sollen. Hinweis: Dieses Cookie wird ggf. noch in älteren Projekten verwendet (über hd.js ) und ist in aktuellen Projekten nicht mehr im Einsatz! Weitere von Entwicklern und Fremdsystemen erzeugte Cookies sind

Responsive Webdesign

CSS-Datei definiert ( design.css ). Per Javascript werden zudem bei geänderter Bildschirmauflösung in der design.js die unterschiedlichen Breitenangaben abgefragt und die erforderlichen Aktionen ausgeführt. Über die

So rufen Sie die Suchindizierung direkt über die Präsenz auf

steht ab der Weblication® Version 005.032.002.000 die Javascript-Funktion " wOpenSearchIndexing(pathSearch) " in der JS-Datei browseEdit.js zur Verfügung. Der Funktion geben Sie den Pfad der Suche mit (z.B.:

wUserCur::executeJS

Führt für den Benutzer JavaScript aus (Einsatz in Verzeichnisereignissen) Funktionsaufruf Boolean executeJS(String jsString) Parameter jsString Auszuführendes JavaScript Beispiel: Auszug aus onAfterSaveFile-Event Quelltext <?php $jsString =

Scroll-Fortschrittsanzeige für Seiten

BASE Classic als auch BASE (Mobile First) ermöglichen dies durch Verwendung des HTML5 progress-Tags und über die ui.js JavaScript-Datei in Verbindung mit CSS. Hierzu muss lediglich die ui.js auf aktuellstem Stand sein und für die Anzeige

Formular: Auswahlfeld über Dateipfade

).attr("href", jQuery(this).val()); }); Zusätzlich verlinken Sie im Feld "Pfade der JavaScript Dateien" die jquery.js Datei, welche im globalen Projekt abliegt (z.B.: /default-wGlobal/wGlobal/layout/scripts/jquery.js ). Weiterführende