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
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 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.
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-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
Weblication® Entwicklerbereich
.elementPictureOptions_var40 verfügbar, um Bilder als KI-generiert auszuzeichnen. 14 März BASE für Version 19: BASE JavaScript Dateien 1.0.329: ui.js: Das Verhalten des Tickers/Bildlaufbands wurde optimiert. Die Geschwindigkeit des Tickers wurde
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
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 126 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
-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 = {
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
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 string text Text des E-Mail Links Beispiel: E-Mail über JS maskieren mail= "
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
Pflegbares Feld für Objektdaten
1:'Format': 1:'Pflegbar': 1:'CSS-Klasse': 1:'Validator': 1:'Aktiv / Inaktiv': Darstellung: 1:'Dekorator': 1:'CSS': JavaScript-Ereignisse: 1:'Beim Ändern': 1:'Beim Fokusieren': 1:'Beim Verlassen': Dynamisches Einblenden: 1:'Dynamisches
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
HTML- und Script-Code Pflege durch Redakteure
Sie die Berechtigungen bzw. die PHP/Firewall Einstellungen! Wenn sichergestellt ist, daß Pflegebenutzer HTML- und JavaScript-Code hinsichtlich Schadcode etc. korrekt einschätzen können, kann über einen manuellen Conf-Eintrag ein Speichern
Umsetzung einer Internetpräsenz für mobile Endgeräte in älteren Projekten
, '' , '/[IHR-LAYOUT-PROJEKT]/wGlobal/content/variables/default.wVariables.php' ))); //Setzt die über JavaScript ermittelte Breite, um Inhalte optimiert zu skalieren wMyProject :: adaptMobileWidth (); // Variablen der
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