Volltextsuche
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
Javascript-Funktion vor dem Speichern ausführen
das Speichern erlaubt sein soll. Beispiel für ein eine Funktion, die vor dem Speichern ausgeführt wird. type= " text/javascript "> function wOnBeforeSave(){ if(!hasFilledinAllData()){ alert('Bitte füllen Sie alle Felder korrekt aus.'); return
So nutzen Sie eigene Javascript-Funktionen zum Validieren
Veröffentlichungsdatum: 26. April 2010 Änderungsdatum: 18. August 2014 editor bearbeitung validierung validieren javascript Dieser Artikel beschreibt, wie Sie innerhalb der Bearbeitung eigene JS-Funktionen einsetzen können. Weblication®
CSS-Grid-Layout formatieren mit JavaScript in CSS-Only
BASE In Weblication® kann über eigene Weblication® Techniken in Verbindung mit der BASE (Mobile First) JavaScript direkt in CSS eingebettet werden. Hier kann man auch komplexeres jQuery nutzen, um damit dynamisch CSS-Variablen zu
Weblication® Entwicklerbereich
realisiert und stellt damit eine echte Alternative zu GoogleMaps dar ... 18 November BASE für Version 20: BASE JavaScript Dateien 1.0.475: ui.js - Optimierung zur Barrierefreiheit zum Barrierefrei-Menü: Beim Navigieren per Tab wird das
JavaScript Dateien im HTML-Head einbinden
XHTML konform sein, d.h. ein link oder script-Tag sollte mit entsprechendem Tag geschlossen werden. Einbinden von JavaScript-Dateien In Weblication Projekten werden HTML-Skripte in der Regel erst am Ende der Seite eingebunden (defer). Dazu
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
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
Nützliche Helfer zum Debuggen von Javascript, CSS, HTML & Co
Häufig steht man bei Projektumsetzungen vor dem Problem, dass bestimmte (CSS) Formatierungen angepasst werden sollen, Javascript Fehler auftauchen oder sonstige Probleme mit der HTML-Struktur auftauchen. Hier bietet der Browser Mozilla Firefox wie
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.
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 ,
Weitere Inhalte zu Listeneinträgen per JavaScript nachladen
07. März 2023 embedPage einbetten einfügen wOpenURL embedListEntrySelf Listeneinträge embedListEntry Über die Javascriptfunktion wOpenURL können Sie aus anderen Seiten des Projektes Inhalte in die aktuelle Seite einbetten (embedPage). Innerhalb
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:
Hinweisbox bei Aufruf einer Seite / Layer für Aktionen
Allgemein / BASE Classic Störer / Hinweis-Seite in Mobile First Einbindung über eine Inhaltsbox Einbindung über JavaScript Möglichkeit 1: JavaScript einbinden Element Möglichkeit 2: Einbinden über design.js Allgemein / BASE Classic Eine
JavaScript-Callback nach öffnen einer Lightbox
Februar 2018 Änderungsdatum: 08. August 2023 Projektgrundlage: BASE Nach dem Aufruf einer Lightbox kann eine eigene JavaScript Funktion als Callback genutzt werden, um individuelle Anpassungen durchzuführen. Damit der Callback wirkt, muss
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') {
Mini-Shop: Umsetzung über Objekt-Wizard - Beschreibung
von Stripe-Checkout-Sessions 1:Anpassen der Shop-Konfiguration 1:Einbinden von Stripe 1:Anpassen bestellung.php 1:Javascript zum Erstellen der Session 1:PHP Script zum Erstellen der Session (create_session.php) 1:PHP Script nach Beenden der
Formular: Auswahlfeld über Dateipfade
Sprachwahl, Länderauswahl, Produktauswahl u.v.m. an. Schritt 1: Formular-Element einfügen und definieren Schritt 2: JavaScript einfügen und definieren Weiterführende Links Schritt 1: Formular-Element einfügen und definieren Fügen Sie in der
Callback-Funktionen zu WSL-Buttons nutzen
cms wsl button callback funktionen javascript WSL-Buttons mit onBeforeClick-Attribut bieten die Möglichkeit, eigene JavaScript-Funktionen aufzurufen, um z.B. für öffentliche Benutzer die Pflege komfortabler zu gestalten. Die WSL-Buttons mit
Google Maps Karte lädt nicht und bringt Fehlerhinweis
einzubinden. Sollten beim Einbinden generelle Probleme bestehen, ist dies meist auf Restriktionen der Google Maps JavaScript API zurückzuführen. An Stelle der Karte wird eine Hinweismeldung von Google ausgegeben, welche z.B. so aussehen kann:
Vor dem Speichern im Editor eine Funktion ausführen
eine Funktion ausführen Veröffentlichungsdatum: 19. November 2009 Änderungsdatum: 09. Dezember 2013 speichern editor javascript Vor dem Speichern können Sie im Editor eine eigene Javascript-Funktion ausführen. Bevor der Editor speichert, prüft
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
Links / Querverweise über Lightbox
eines BASE (Mobile First) Projektes finden Sie einen Hilfe-Artikel im Mobile First Hilfebereich . Schritt 1: Zentrale Javascript- und CSS-Dateien einbinden Schritt 2: Zentrale Javascript-Datei design.js Individuelle Breiten- und Höhenangaben der
-w-add-events
Beschreibung Einsatzgebiet JavaScript-Ereignisse Ergänzt das Element um das angegebene JavaScript-Ereignis. (siehe auch Artikel ) Universell Beispiele /
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
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
Mobile Performance mit Weblication
in den hier gelisteten Punkten. Im allgemeinen sind dies: unkomprimierte Übertragung nicht minimiertes HTML, CSS, JavaScript zu viele einzelne GET-Anfragen nicht ausreichende Bildoptimierung blockieren durch serielles Laden Folglich sind das
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
Schaltflächen bzw. Register im Editor ausblenden
genutzt werden: cancel save_and_exit save pause metadata seo preview versions Auszug aus standard.metadata.php mit JavaScript-Bereich type= " text/javascript "> // ... // Speichern-Button ausblenden: wEditor.hideButton('save'); // Register
Zeitraum für die Kalenderauswahl in Formularen setzen
Tage einschränken Zeitraum / Tage ausschliessen Zeitraum / Tage ausschliessen Beim Ändern auszuführendes JavaScript Screenshots Allgemeine Möglichkeiten In Formularen können Sie den auswählbaren Zeitraum des Kalender-Elementes
Formularfelder dynamisch ein- und ausblenden
Formularfelder setzen Sie wie gewohnt. Zur Steuerung des Aus- und Einblendens setzen Sie nach dem Formular-Element ein Javascript-Element mit dem entsprechenden Javascript-Code (siehe unten). Beispiel: Javascript-Code zum Ein- und Ausblenden der
Werte beim Speichern in ein anderes Feld schreiben
Titel einer Datei über ein Objekt (z.B. wd:data id="title" ). Dieser Wert wird dann beim Speichern der Datei über die Javascript-Funktion " wOnBeforeSave " zusätzlich in den Titel der Datei ( wd:title ) geschrieben. Nehmen Sie dies einfach im
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
Vorgehensweise bei XML-Fehlern
und Spalte der generieren Seite der Fehler zu suchen ist. Der in diesem Beispiel angeführte Fehler wurde durch eine Javascript-Definition verursacht, die ein kaufmännisches UND (&) enthält. Die Fehlermeldung weist darauf hin: error on line
Ursachen / Lösung für: Seitenbearbeitung - Probleme Ladezustand, Elemente löschen
der Seite direkt - oder über einen globalen Inhalt - externe Inhalte eingelesen werden (z.B. über einen iFrame oder JavaScript, welches Inhalt einliest (z.B. Cookiebot ...)). Lösungsmöglichkeiten: Verwenden Sie beim Einbinden externer Inhalte
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 1:Datenstruktur
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 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