Volltextsuche
Weblication® Entwicklerbereich
Überschrift über Platzhalter eingelesen werden (z.B. wObjectdata:headlineIcon) 21 Februar BASE für Version 18: BASE JavaScript Dateien 1.0.188: ui.js: Exceptionhandling - Abfrage nach --heightBlockHeader wird nun abgefangen 20 Februar
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
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 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
über Platzhalter eingelesen werden (z.B. wObjectdata:headlineIcon) 21.02.2024 12:16 BASE für Version 18: BASE JavaScript Dateien 1.0.188: ui.js: Exceptionhandling - Abfrage nach --heightBlockHeader wird nun abgefangen 16.02.2024 16:12 BASE
OpenStreetMap: Initialisieren der Map per Javascript beeinflussen
per Javascript beeinflussen 22. März 2023 icon-src icon-anchor icon-scale OpenStreetMap OSM wImageMapOptions Über die Javascript-Variable wImageMapOptions können Sie die Darstellung der OpenStreetMap anpassen. wObserverOptions = { icon - src : ''
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
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®
JavaScript-Callback nach dem Bannerwechsel
2023 Projektgrundlage: BASE Nach dem Aufruf eines Banners, also beim Start und nach jedem Wechsel, kann eine eigene JavaScript Funktion als Callback genutzt werden, um individuelle Anpassungen durchzuführen. Damit der Callback wirkt, muss
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
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
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
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
Mini-Shop: Umsetzung über Objekt-Wizard - Beschreibung
Einbinden von Stripe-Checkout-Sessions Anpassen der Shop-Konfiguration Einbinden von Stripe Anpassen bestellung.php Javascript zum Erstellen der Session PHP Script zum Erstellen der Session (create_session.php) PHP Script nach Beenden der Session
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
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
Info an Redakteur beim Schließen des Browserfensters ausgeben
beim Schließen des Browserfensters ausgeben 20. Januar 2012 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
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 114 Chrome ab
-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
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
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
Änderungen in Weblication® CMS Core/GRID
15.05.2014 Bei eigenen Validatoren für Pflege-Tags lassen sich beliebige Optionen als Zahl oder Zeichenkette an eine JavaScript-Funktion mitgeben. 008.004.099.000 15.05.2014 OpenOffice Dokumente sind durchsuchbar (ab Version 9). 008.004.081.000
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
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 = {
Kontextmenüs und Schaltflächen im Dateiexplorer anpassen
08. April 2024 dateiexplorer explorer dateimanager kontextmenü funktion anpassen filemanagercustomized Über ein Javascript-Ereignis kann das Kontextmenü vor der Anzeige im Dateiexplorer individuell erweitert bzw. angepasst werden. Um die
Barrierefreiheit: Fokussperre für den Hinweislayer mit dem 'onkeyup'-Event
mit dem 'onkeyup'-Event Mit dem JavaScript-Event 'onkeyup' können Sie den Fokus auf den Hinweislayer legen, um sicherzustellen, dass dieser nicht mittels der
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
Inhalte nur im Editor einbinden
"/> ... Ein weiteres Beispiel für eine Editor abhängige Abfrage ist der Einsatz von Javascript. Auf diese Weise können Sie über Javascript z.B. eine Meldung in der Bearbeitung ausgeben. Beispiel: Javascript in
convertToNewsletter
Wandelt Quelltext so um, dass er auch im Newsletter angezeigt werden kann. (Attribut addStylesInline="1" ab CMS-Version 015.001.036.000 verfügbar)