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®
Weblication® Entwicklerbereich
für hochkomprimierte AVIF-Bilder in den htaccess-Dateien ergänzen. 01 Oktober BASE für Version 20: BASE JavaScript Dateien 1.0.458: ui.js: Ankerlinks - Nach dem Laden eines Links mit Anker wird der Tabulator Fokus auf den Anker
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
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: Kurse 001.000.238: E-Mail-Text des Anmeldeformulares optimiert 08.07.2025 11:51 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
und Erweiterung der Titel Klasse in der Objekt-Wizard Listendarstellung 23.05.2023 21:18 BASE für Version 17: BASE JavaScript Dateien 1.0.107: ui.js: Optimierung zum Bildvergleich beim Einsatz im Akkordeon-Container 23.05.2023 14:37 BASE für
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
nun zum Validator die Platzhalter wObjectdata:xxx und wEnvdata:xxx 13.06.2024 11:09 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
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
-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
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
Info an Redakteur beim Schließen des Browserfensters ausgeben
20. Januar 2012 Änderungsdatum: 05. Dezember 2024 editor browser fenster schliessen schließen weditor javascript Informieren Sie Pflegebenutzer beim Schliessen des Bearbeitungsfensters, dass Änderungen dabei verloren gehen. Weisen
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
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 /
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
Responsive Toggler-Navigation anpassen
2) Erforderliche Komponenten Die in der BASE intergrierte Toggler-Navigation wird über CSS definiert und über Javascript angesprochen. Folgende Dateien sind hierfür verantwortlich: design.css Pfad:
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
Dynamisch HTML-Elemente über CSS und jQuery einfügen
-w-jquery ). Um die design.css übersichtlicher zu halten, sprechen Sie über -w-jquery lediglich eine Javascript-Funktion an, die in der design.js ausgelagert ist. Nachfolgend ist dies beispielhaft für die Standard-Liste (Variante
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
CSS-Only Referenz verfügbar
dokumentation Mit CSS-Only können Sie viele Funktionen direkt in CSS abbilden, für die in der Vergangenheit PHP- oder JavaScript-Anpassungen notwendig waren. Mit CSS-Only können Sie viele Funktionen direkt in CSS abbilden, für die in der
Das wGlobal Verzeichnis - Anpassungen für Ihr Projekt
und den WYSIWYG-Editor Zentrale Layout-Bilddateien (Hintergrundbilder, Icons, etc) CSS-Stylesheets Script-Definitionen (Javascript-Libraries) XSL-Stylesheets für die Seitendarstellung, Inhaltselemente und die Hauptnavigation Mastertemplates Zentrale
Einblendeffekt: Anpassen des Observer-Verhaltens
Observer-Verhaltens Über die Javascript-Variable wObserverOptions können Sie das Verhalten des Observers anpassen. Anpassen des Observers wObserverOptions = {
OpenStreetMap - Klick-Event auf den Marker individuell anpassen
einer in einem Standordobjekt hinterlegten URL (linkDetail) /* Die Funktion kann entweder auf einer Seite über ein Javascript-Quelltextelement eingefügt werden. Oder globalgültig innerhalb der desing.js Boolean wOnBeforeClickOSMObject (obj
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
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
Inhaltsboxen individuell über CSS-Only erweitern
Laden der Seite eingeblendet und lässt sich vom Benutzer wieder schließen.'; CSS-Only, um die Datenattribute für das JavaScript zu ergänzen -w-additionalAttributes: 'showonlyonce=showOnlyOnce,timehideauto=timeHideAuto,infoid=infoID'; Ausblenden,
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