Volltextsuche
-w-jquery
\7D ; maskiert: \3B Universell Beispiele / Anwendungsfälle Beispiel 1: Blendet das Suche-Feld bei Klick über jQuery ein #blockTop #searchBox #searchTerm { opacity: 0; cursor: pointer; width: 20px !important; height: 20px; transition:
Manuelles Nachrüsten der 16er Statistik in älteren Projekten (z.B. BASE Classic)
// ... //////////////////////////////////////////////////////////////// // // Initialisieren der Seite // //////////////////////////////////////////////////////////////// jQuery(document).ready(function(){ // ... if(typeof wEditor === 'undefined'){ if(typeof wUiTmp['wHasWa'] !== 'undefined'
wStringconverter::prepareXmlToEmbed
Bereitet eine XML Datei (z.B. SVG) zum Einbetten in HTML vor (verfügbar ab CMS-Version 011.002.197.000)
So lesen und schreiben Sie CSS-Variablen über jQuery
Sie CSS-Variablen über jQuery 07. Februar 2023 css javascript jquery css-only CSS-Variablen lassen sich über jQuery bzw. JavasScript sehr leicht lesen und schreiben. Wie, das zeigen wir Ihnen in einem kleinen Beispiel. Während sich
Formulare - URL vor Submit/Absenden manipulieren
click-Events der Schaltflächen. Beispiel Editor Beispiel 1: Manipulieren der action eines Weblication Formulares via jQuery if (typeof wEditor == 'undefined') { document.addEventListener ('DOMContentLoaded', function waitUntilContentLoaded() {
Einsatz von Isotope Darstellungen für Bildergalerien
Version Veröffentlichungsdatum: 27. Oktober 2015 Änderungsdatum: 04. November 2021 weblication liste bildergalerie jquery plugin isotope mauerwerk kategorienfilter kategorien-filter Unterschiedliche Möglichkeiten, um Bildergalerien in
Kann ich das Ändern von CSS-Variablen auch rein mit CSS realisieren?
notwendig. Das Beispiel aus dem Artikel, das eine ähnliche Logik direkt in JavaScript fasst, sieht so aus: -w-jquery:var timeToChangeColor = jQuery('.buttons').css('--timeToChangeColor');var colorButtonsChanged =
Formulare - clientseitige Validierung vor Submit ausführen
des Formular-Items folgender Code eingetragen wird: < wd: fragment name="formName" type="char.default">myForm */ jQuery (document) .ready (function() { /*Abfangen des Submit-Events*/ jQuery ('form[name=myForm]') .attr ( { onclick: '', type:
Fullpage - Scrollverhalten von Sections mit langem Content
wEditor == 'undefined'){ document.addEventListener('DOMContentLoaded', function waitUntilContentLoaded(){ if(!window.jQuery){ return setTimeout(waitUntilContentLoaded, 100); } var minWidthFullPage =
JavaScript Dateien im HTML-Head einbinden
Über das WSL-Element wsl:includeJsRessources werden dann die Skripte entsprechend eingebunden. Beispiel: Einbinden der jQuery.js im Head <!-- Auszug aus der Datei htmlHead.wGlobal.php --> <!-- Durch den 2. Parameter 'head' im
Hash-Id vor Event "hashchange" manipulieren
So können Sie die Hash-Id vor der Weiterverarbeitung durch Weblication manipulieren
-w-add-data
-w-add-data: parallaxbackgrounddirection=topright;...} /* HTML-Ergebnis: Beispiel 3: Beispielhafte Definition eines jQuery-Überblendeffektes über CSS-Only (BASE Classic) .divXY { -w-add-data: effect=fadeIn,duration=0.3s} /* HTML-Ergebnis:
Bereichsnavigation - Navigation nur beim Hochscrollen Anzeigen
wird. Auszug aus der desing.js //////////////////////////////////////////////////////////////// // // Beim Scrollen // //////////////////////////////////////////////////////////////// jQuery ( window ). on ( 'scroll' , function(){ /* Auslesen des Scrollstatus aus der globalen JS-Variable wUiTmp
Fullpage - scrolldirection-Events aktivieren
wEditor == 'undefined'){ document.addEventListener('DOMContentLoaded', function waitUntilContentLoaded(){ if(!window.jQuery){ return setTimeout(waitUntilContentLoaded, 100); } var minWidthFullPage =
OpenStreetmap - Marker über Listeneinträge hervorheben
ausführt. Auszug aus einem Javascript-Quelltext-Element, dass für die Seite die Events auf die listenEinträge legt. jQuery ( document ). ready (function(){ jQuery ( '.listEntry a' ). on ( 'mouseenter' , function( e ){ e . preventDefault (); e .
Seiteninhalte in die Zwischenablage legen (wglButtonCopyClipboard)
mit der sie z. B. die ID eines Akkordeon-Containers für die Linkpflege kopieren können. Javascript (design.js) jQuery ( document ). ready (function(){ ..... /* Akkordeon-Header vorbereiten */ jQuery ( '.accordionHeader' ). addClass (
Barrierefreiheit: Fokussperre für den Hinweislayer mit dem 'onkeyup'-Event
dass dieser nicht mittels der Tabulatortaste verlassen werden kann. Beispiel für ein keyup-Event auf einen Infolayer jQuery('body').on('keyup', function(e){ if(e.keyCode == 9 && !jQuery(e.target).is('#myInfoLayer *')){
-w-add-objectdata
100%; height: auto} .listDefault_var999 .listEntry { -w-add-objectdata: wd: extension/ wd: meta/ wd: thumbnail/@src; -w-jquery: jQuery (this) .prepend (' .find ('.listEntryData-0') .html () + '"/>')} .listDefault_var999 .listEntryData-0 {} /*
Download von Binärdateien erzwingen
für alle download-CSS-Klassen erzwingen indem Sie in der design.js u.a. Snippet definieren. Auszug aus der design.js jQuery(document).ready(function(){ // ... //Funktion für alle A-Tags mit den u.a. download-CSS-Klassen über die
Lottie-Files: Player pausieren
setEventPauseLottiePlayer = function(id, pauseAtFrame){ if(jQuery('div[id=' + id + '] lottie-player').length == 1){ var lottiePlayer = jQuery('div[id=' + id + '] lottie-player').get(0);
Navigationshilfe ScrollTop-Button - Anzahl der Pixel bis zum Einblenden anpassen
werden. Beispiel: Setzen der pixel ab welcher der ScrollTob-Button angezeigt werden soll im ready-Event der design.js jQuery (document) .ready (function() {
Formularfelder via Ajax laden
var url = '/wGlobal/wGlobal/scripts/php/getRadioValues.php?date=' + dateVal + '&elementName=' + elementName; //JQueryAufruf jQuery.ajax ( { type: "GET", url: url, success: function(result) { if (result != '') { //Ersetzen des bestehenden
-w-background-target
Einsatzgebiet beliebige jQuery/CSS3 Selektoren Definiert das Ziel eines Hintergrund-Elementes (z.B. Bannerbild) bannerSlider.wFilelist.php Beispiele /
OpenStreetMap - Klick-Event auf den Marker individuell anpassen
im Standard definierte onclick-Event nicht ausgeführt. */ wOnBeforeClickOSMObject = function (obj) { var popupcontent = jQuery (' ') .html (obj.popupContents[obj.ol_uid]) ; var link = popupcontent.find ('a') ; if (link.length > 0) { wOpenURL
Neu in Weblication® Version 17 - veröffentlicht am 01.07.2022
TAN wie bisher aus vier Zahlen oder 6 alphanumerischen Zeichen besteht. CSS-Only Im CSS-Editor kann jetzt bei -w-jquery direkt JavaScript geschrieben werden, ohne dass die Zeichen {};und : kodiert werden müssen. Varianten lassen sich in