Volltextsuche
JavaScript Dateien im HTML-Head einbinden
Header-Bereich um eigene Skripte ergänzen, können Sie das über ein globales Template vornehmen. Eigene HTML- oder JavaScripts können entweder direkt im HTML Seiten-Template eingebunden werden:
wOutput::deactivateJavaScript
class Klasse, gleiche Klassen müssen nur einmal bestätigt werden Beispiel: Deaktiviert das Laden der externen JavaScript Ressource Quelltext <?php $str = ' Text ... ' ; $class = 'myClass' ; print wOutput :: deactivateJavaScript ( $str ,
Snippets
ein Backup der betroffenen Projektbestandteile an. Datumsabfrage für bedingten Formular-Container Die Callback- und JavaScript-Funktion ermöglicht eine Datumsabfrage, um z.B. abhängig vom gewählten Datumsbereich andere Felder / Elemente
CSS und Javascript dynamisch einbinden
" /> Einbinden der registrierten JS-Dateien im HTML-Kopf über WSL Javascript-Dateien bzw. JS-Funktionen können Sie auch komfortabel in der Seite hinterlegen, in welcher diese benötigt wird. Das
RSS: Weblication® Mobile First Changelogs Version 19
für Version 19: Kurse 001.000.238: E-Mail-Text des Anmeldeformulares optimiert 08.07.2025 BASE für Version 19: BASE JavaScript Dateien 1.0.391: ui.js/design.js: Barrierefreiheit - Die neue Funktion wAccessibility kann über die design.js
Weblication® Entwicklerbereich
KI-Suche in Weblication® - Bessere Suchergebnisse und KI-Textantworten ... 14 April BASE für Version 20: BASE JavaScript Dateien 1.0.522: ui.js: Optimierungen zur window.speechSynthesis Abfrage 14 April Webinar: Weblication® Formulardaten
RSS: Weblication® Mobile First Changelogs Version 17
Abgesagt) und Erweiterung der Titel Klasse in der Objekt-Wizard Listendarstellung 23.05.2023 BASE für Version 17: BASE JavaScript Dateien 1.0.107: ui.js: Optimierung zum Bildvergleich beim Einsatz im Akkordeon-Container 23.05.2023 BASE für Version
Warum ist es nützlich, CSS-Variablen über JavaScript zu setzen statt einzelne CSS-Eigenschaften direkt zu verändern?
über JavaScript zu setzen statt einzelne CSS-Eigenschaften direkt zu verändern? Das Setzen von CSS-Variablen über JavaScript hat mehrere Vorteile: Die Werte können zentral im CSS definiert werden, was die Wartung erleichtert. Die Darstellung
RSS: Weblication® Mobile First Changelogs
und Änderungen zu den BASE Mobile First Weblics® der aktuellen Version. 14.04.2026 BASE für Version 20: BASE JavaScript Dateien 1.0.522: ui.js: Optimierungen zur window.speechSynthesis Abfrage 13.04.2026 BASE für Version 20:
RSS: Weblication® Mobile First Changelogs Version 18
unterstützt nun zum Validator die Platzhalter wObjectdata:xxx und wEnvdata:xxx 13.06.2024 BASE für Version 18: BASE JavaScript Dateien 1.0.228: ui.js: Barrierefreiheit - Auf die Zoom-Funktion eines Bildes kann nun via Tab navigiert werden.
Darstellung des Mehrfachuploader im Formular individuell beeinflussen
im Formular individuell beeinflussen Das Mehrfachuploader-Feld innerhalb eines Formulares können Sie mit JavaScript und CSS selber umgestalten. Ein Beispiel finden Sie anhand von JavaScript und CSS nachfolgend aufgezeigt. Beispiel:
wStringconverter::minimizeJS
15) Funktionsaufruf String minimizeJS(String jsStr) Parameter jsStr Zu minimierendes JS Beispiel: Minimiert den JavaScript-String Quelltext <?php $filePathJS = $_SERVER [ 'DOCUMENT_ROOT' ]. "/devGlobal/wGlobal/layout/scripts/de.date.js" ;
wUserCur::executeJS
in Verzeichnisereignissen) Funktionsaufruf Boolean executeJS(String jsString) Parameter jsString Auszuführendes JavaScript Beispiel: Auszug aus onAfterSaveFile-Event Quelltext <?php $jsString = "alert('Die Datei wurde gespeichert!')" ;
button
die Schaltfläche auch in der Arbeitskopie angezeigt werden soll String onBeforeClick Vor dem Klick auszuführendes JavaScript [wPermissionString] activePermission Falls die Schaltfläche nur mit entsprechender Berechtigung angezeigt werden soll
-w-registerJs
zur JS-Datei] Einbinden einer JavaScript Datei über CSS Universell Beispiele / Anwendungsfälle Beispiel 1: Bindet für die Isotope Listendarstellung von
-w-registerJsDefer
zur JS-Datei] Einbinden einer JavaScript (defer) Datei über CSS Universell Beispiele / Anwendungsfälle Beispiel 1: Bindet für die Backsteindarstellung von
Akkordeon-Container Elemente in der Bearbeitung geschlossen
geschlossen Um im Editor die Tabs eines Akkordeon-Containers bereits zugeklappt vorzufinden, können Sie nachfolgendes JavaScript nutzen. Beispiel: Auszug aus der design.js jQuery(document).ready(function(){ if (typeof (wEditor) !== 'undefined') {
includeJsRessources
geladen werden sollen Mobile First Beispiele Beispiel htmlHead.wGlobal.php: Bindet benötigte und registrierte Javascript-Dateien im Head ein und liest die Attribut-Werte über die Projektkonfiguration ein <!-- Registriert jQuery lokal
Systemvoraussetzungen Weblication®
Redakteure und Administratoren müssen zur Bedienung des Systems folgende Browser (mit aktiviertem JavaScript und Cookies) installiert haben (Betriebssysteme: Windows, MacOS und Desktop-Linux): Firefox ab Version 135 Chrome ab
Performance der Webseite optimieren
haben wir uns um die PHP-Dateien gekümmert. Pro PHP-Datei werden allerdings fasst immer mehrere Bilder, CSS und JavaScript Dateien ausgeliefert. Inzwischen kommt es nicht selten vor, dass Projekte neben den eigentlichen JavaScript-Dateien
-w-add-events
Beschreibung Einsatzgebiet JavaScript-Ereignisse Ergänzt das Element um das angegebene JavaScript-Ereignis. (siehe auch Artikel ) Universell Beispiele /
Kann ich das Ändern von CSS-Variablen auch rein mit CSS realisieren?
umgesetzt werden könnte, allerdings ist zur Manipulation von CSS-Variablen bei Ereignissen oder Bedingungen meistens JavaScript notwendig. Das Beispiel aus dem Artikel, das eine ähnliche Logik direkt in JavaScript fasst, sieht so aus:
Ansicht für die Druckfunktion definieren
Die BASE Projektbasis liefert bereits im Standard die Funktion für die Druckansicht mit. 1. Aufruf der Druckansicht 2. JavaScript für die Druckvorschau 3. Definition und Einbindung der JavaScript-Funktion 4. Ausgabetemplate für Druckansicht 5.
So lesen und schreiben Sie CSS-Variablen über jQuery
wir Ihnen in einem kleinen Beispiel. Während sich einzelne CSS-Eigenschaften grundsätzlich auch einfach direkt über JavaScript setzen lassen, kann diese Technik sehr nützlich sein, um allgemeine Styles dynamisch zu definieren. In dem Fall lassen
Grauskalierung des Kartenlayers von OpenStreetmap
OpenStreetmap-Templates via javascript Um die Darstellung der Karte zu beeinflussen, muss der canvas-Layer explizit via Javascript manipuliert werden. Dazu muss das template map.openStreetMap.wItem.php wie folgt angepasst werden: Auszug aus dem
Globale Projekteinstellungen
welche Ihnen bei der Transformation innerhalb der XSL-Stylesheets zur Verfügung stehen [standard.wParams.php] Javascript Zugriff auf alle Javascript-Dateien für das Projekt Diese Dateien sind natürlich auch über die Verzeichnisstruktur
wUserCur::sendAlert
im Ereignisfenster nicht gesetzt werden if( $_SERVER [ "REMOTE_ADDR" ] == '123.456.789.0' ){ // Benutzer-Hinweis per JavaScript ausgeben: // Ab CMS-Version 015.006.040.000 kann wUserCur::sendAlert auch im onBeforeLogin Systemereignis genutzt
Formularfelder via Ajax laden
einen Wert, der als Referenz für die Weiterverarbeitung des Ajax-Resultates dient. Beispielformlar onChange-Event via Javascript, Ajax-Aufruf Ändert sich der Inhalt des Kalenderfeldes wird das Event "wOnAfterChangeDate()" ausgeführt. Das Event
Einblendeffekt: Anpassen des Observer-Verhaltens
== 'function') {wSetObserverOptions (jQuery(this) )} ; .... } Beispiel: Anpassen des Observers über ein Javascript-Quelltextelement wObserverOptions = { root: null, /*Schnittpunkt auf das sich der Observer bezieht, im Standard ist das
Kontextmenüs und Schaltflächen im Dateiexplorer anpassen
30. Dezember 2025 dateiexplorer explorer dateimanager kontextmenü funktion anpassen filemanager customized Über ein Javascript-Ereignis kann das Kontextmenü vor der Anzeige im Dateiexplorer individuell erweitert bzw. angepasst werden. Um die
Listeneinträge über zusätzliche objektbasierte Data-Attribute formatieren
nicht nur ausgegeben, sondern auch als Data-Attribute ergänzt werden. So dienen sie z.B. als Basis für spezielle JavaScript-Funktionen oder auch zur objektabhängigen Formatierung einzelner Einträge. Auszugebende Daten aus dem Objekt < wd
wUserCur::getAlertsJs
Zeigt dem aktuellen Benutzer die noch nicht angezeigten Meldungen
-w-add-classes
Ergänzt das Element über Javascript um die angegebene Klasse.
createMaskedMailLink
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 Definiert, ob die Maskierung aktiv ist. Deaktiv bei 0 string text Text
Cookies - Informationen zum Datenschutz
eines BASE Classic 2.x Projektes Datenschutzhinweis bei Seiten deaktivieren 1. Deaktivieren / Ausschließen über JavaScript 2. Deaktivieren / Ausschließen über Objektdaten Weiterführende Links Absoluter Datenschutz in der
Pflege von textbasierten Daten
Ereignis, zu dem eine beliebige Aktion durchgeführt werden kann, die nach dem Hochladen der Datei erfolgen soll (Javascript-Funktion), z.B.: onafterupload="wDocument.element('portrait').src = file;wEditor.saveDraftAndReload();" ab CMS-Version
Verhindern, dass die Lightbox onclick auf den Hintergrund geschlossen wird.
.wLightboxBackground ein Event gelegt, dass die Lightbox schließt. Ist die Funktion wOnAfterInitLightbox im Javascript einer Seite vorhanden, wird diese nach dem "Zusammenbau" der Lightbox aufgerufen. Darin können Sie das Event über
Framework
von Seiten und zur Manipulation der Ausgabe zur Verfügung. deactivateJavaScript Deaktiviert das Laden von externen JavaScript Ressourcen (verfügbar ab CMS-Version 016.001.133.000) String deactivateJavaScript(String str, String class)
wBrowseEdit::createButton
String createButton(String onclick = '', String icon = '', String caption = '', String title = '') Parameter onclick JavaScript, das beim Klick ausgeführt wird icon Symbol der Schaltfläche caption Beschriftung der Schaltfläche captionInfo
Aufbau eines Weblication® Projektes
Assets-Verzeichnis (Bilder, Media-Dateien, ...): Das Global-Verzeichnis beinhaltet sämtliche XSL-Stylesheets, CSS- und Javascript-Dateien sowie globale Einstellungen für die Inhaltsprojekte. Das Assets-Verzeichnis stellt einen zentralen,
wResponse::redirect
movedPermanently Falls sich die URL dauerhaft geändert hat (HTTP Status-Code 301) target Ziel für eine JavaScript Weiterleitung Beispiel: Leitet auf die angegebene URL weiter Quelltext <?php require_once( $_SERVER [
wEnv::setCookieValue
gilt secure Falls das Cookie nur bei HTTPS-Verbindungen gesendet werden soll httponly Falls das Cookie nicht für JavaScript verfügbar sein soll samesite [None|Lax|Strict] Definiert den Gültigkeitskontext des Cookies Beispiel: Setzt den Wert
Web Fonts einbinden über die Weblication Benutzeroberfläche
Sie ganz einfach über den Layout-Wizard einbinden. ( Über den Layout-Wizard: Dieser bereitet projektspezifisch CSS, JavaScript und HTML-Templates vor, so dass Sie weniger in CSS, JavaScript und HTML programmieren müssen.) Klicken Sie im
Layout / Design - JavaScript Dateien | Weblication CMS Onlinedokumentation
JavaScript Dateien Innerhalb des Layout / Design Bereiches können unter dem Punkt " JavaScript " die zentralen Javascript-Dateien eingesehen und bearbeitet werden. JavaScript Dateien Durch Klick auf den Button " JavaScript Dateien " öffnet
Was sich von Weblication® Version 5, 6, 7, 8, 9,10, 11 bis hin zu Version 12 alles getan hat
im Bereich Technologie Mobile First Projekt Generelle Neuerungen und Optimierungen XSLT - Allgemein CSS - Allgemein JavaScript - Allgemein Layoutwizard Weblicsverwaltung Seitenstruktur Objekte Listen Navigationen Bilder Videos Überschriften
Was sich von Weblication® Version 5, 6, 7, 8, 9,10 bis hin zu Version 11 alles getan hat
beim Anlegen von Benutzern Werkzeuge Versionsvergleich mit Split-Screen Neuer Quelltexteditor für die Pflege von JavaScript Änderungen in Echtzeit überwachen Reverse-Template-Modelling ergänzt Mastertemplate automatisch Datenstruktur passt
Neu in Weblication® Version 13 - veröffentlicht am 01.07.2018
zur strukturierten Ausgabe von Daten Originaldateien über die Versionierung erneut einspielen CSS Datenkommentare - JavaScript oder HTML im CSS speichern 100% abwärtskompatibel zu Version 5, 6, 7, 8, 9, 10, 11 und 12 Optimierungsfunktionen SEO
Version 17: CSS-Only - einzelne Neuerungen
Version 17 wurden zahlreiche Neuerungen im Bereich CSS-Only vorgenommen. Einige davon stellen wir Ihnen hier vor. JavaScript direkt in CSS-Only schreiben In Weblication® Version 17 kann im CSS-Editor jetzt bei -w-jquery direkt JavaScript
NEU: Weblication® CMS Version 8 ist da
Sie können beliebig individuell gestaltete Webseiten rein über CSS bauen, ohne Templates zu ändern Sie steuern JavaScript und XSLT über CSS Sie können aus der permanent steigenden Anzahl standardisierter Layout-Varianten jederzeit Ihre
Neu in Weblication® Version 17 - veröffentlicht am 01.07.2022
in Detailansicht als erledigt markieren Aufgaben mit einem Fälligkeitsdatum versehen CSS-Only - einzelne Neuerungen JavaScript direkt in CSS-Only schreiben Bisherige Schreibweise mit Codierung der Sonderzeichen Neue Schreibweise ohne Codierung