### JavaScript Captcha Initialization and AJAX GET Source: https://www.neumeith.at/leitfaden-google-search-essentials-spam-richtlinien/ Handles the initialization of the captcha by fetching a unique stamp and client IP address from the server via an AJAX GET request. It then triggers the hash finding process. ```javascript initCaptcha : function(){ fetch('https://www.neumeith.at/wp-admin/admin-ajax.php?action=get_stamp', { method: 'GET', headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, }) .then(function (response) { return response.json(); }) .then(function (response) { gdpr_compliant_recaptcha_stamp = response.stamp; gdpr_compliant_recaptcha_ip = response.client_ip; gdpr_compliant_recaptcha.findHash(); }); } ``` -------------------------------- ### Blog Showcase Layout and Responsiveness Source: https://www.neumeith.at/robots-txt-tester-jetzt-neu-in-der-google-search-console/ Styles for a blog showcase, including list item layout, transitions, and responsive adjustments for smaller screens. ```css .mk-blog-showcase{padding:30px 0}.mk-blog-showcase ul{display:block;overflow:hidden;margin:0;padding:0;width:100%;list-style:none}.mk-blog-showcase ul li{position:relative;display:inline-block;float:left;margin:0;padding:0 10px 0 0;-webkit-transition:.15s ease-in-out;transition:all .15s ease-in-out}@media handheld,only screen and (max-width:1140px){.mk-swipe-slideshow{max-width:100%!important}.mk-blog-showcase ul li{display:block!important;float:none!important;margin-bottom:20px;width:100%}}.mk-blog-showcase ul li:last-child{padding-right:0!i ``` -------------------------------- ### Boxzilla Initialization Source: https://www.neumeith.at/seo-1x1-fuer-einsteiger-basics-und-tipps/ Initializes a Boxzilla-like functionality by creating a queue for commands and exposing methods like 'on', 'off', 'toggle', and 'show' on the global `window.Boxzilla` object. This pattern is common for managing asynchronous script loading or deferred initialization. ```JavaScript (()=>{var o=[],i={};["on","off","toggle","show"].forEach((l=>{i[l]=function(){o.push([l,arguments])}})),window.Boxzilla=i,window.boxzilla_queue=o})(); ``` -------------------------------- ### AJAX Captcha Validation Source: https://www.neumeith.at/ueberblick-google-core-update-august-2024/ Provides a function to validate captcha input by making an AJAX GET request to the server. It uses jQuery and expects an 'ajaxurl' to be defined globally. ```JavaScript window.get = {}; window.get.captcha = function(enteredCaptcha) { return jQuery.get(ajaxurl, { action : "mk_validate_captcha_input", captcha: enteredCaptcha }); }; }); ``` -------------------------------- ### AJAX Captcha Validation Source: https://www.neumeith.at/so-hinterlegst-du-eine-kanonische-url/ Provides a function to validate captcha input by making an AJAX GET request to the server. It uses jQuery and expects an 'ajaxurl' to be defined globally. ```JavaScript window.get = {}; window.get.captcha = function(enteredCaptcha) { return jQuery.get(ajaxurl, { action : "mk_validate_captcha_input", captcha: enteredCaptcha }); }; }); ``` -------------------------------- ### JavaScript: Boxzilla Library Initialization Source: https://www.neumeith.at/urls-aus-dem-index-von-google-entfernen-deindexierung-google-snippet-cache-loeschen/ Initializes the Boxzilla library by queuing commands for actions like 'on', 'off', 'toggle', and 'show'. This pattern is common for libraries that defer execution until they are fully loaded or configured. ```javascript var o=[],i={}; ["on","off","toggle","show"].forEach((l=>{ i[l]=function(){ o.push([l,arguments]) } })), window.Boxzilla=i, window.boxzilla_queue=o ``` -------------------------------- ### AJAX Captcha Validation Source: https://www.neumeith.at/robots-txt-tester-jetzt-neu-in-der-google-search-console/ Defines a function to validate user-entered captcha via an AJAX GET request. It uses jQuery to send the captcha input to the server for validation. ```javascript window.addEventListener('DOMContentLoaded', function() { window.get = {}; window.get.captcha = function(enteredCaptcha) { return jQuery.get(ajaxurl, { action: "mk_validate_captcha_input", captcha: enteredCaptcha }); }; }); ``` -------------------------------- ### SEO Meta-Daten und Strukturierung Source: https://www.neumeith.at/seo-1x1-fuer-einsteiger-basics-und-tipps/ Beschreibt wichtige Elemente für die Suchmaschinenoptimierung, die in HTML-Metadaten oder strukturierten Daten implementiert werden. Dazu gehören Meta-Titel, Meta-Beschreibungen, Alt-Tags für Bilder und die Verwendung von Schema.org für die semantische Auszeichnung von Inhalten. ```APIDOC SEO Meta-Daten und Strukturierung: Meta-Titel: - Zweck: Der Titel, der in den Suchergebnissen (SERP) und im Browser-Tab angezeigt wird. - Format: Ihr Seitentitel hier - Empfehlung: Klar, prägnant, relevant für den Seiteninhalt, ca. 50-60 Zeichen. Meta-Beschreibung: - Zweck: Eine kurze Zusammenfassung des Seiteninhalts, die in den SERPs unter dem Titel angezeigt wird. - Format: - Empfehlung: Ansprechend, informativ, ca. 150-160 Zeichen, enthält relevante Keywords. Alt-Tags (Alternativtexte für Bilder): - Zweck: Beschreibt den Inhalt eines Bildes für Suchmaschinen und Screenreader. - Format: Beschreibung des Bildes - Empfehlung: Beschreibend und relevant für den Bildinhalt und den umgebenden Text. Open Graph (für Social Media): - Zweck: Steuert, wie Inhalte auf Social-Media-Plattformen geteilt werden (Titel, Beschreibung, Bild). - Beispiele: Schema.org (Strukturierte Daten): - Zweck: Hilft Suchmaschinen, den Inhalt Ihrer Seite besser zu verstehen und kann zu Rich Snippets führen. - Beispiel (für einen Blogbeitrag): ``` -------------------------------- ### AJAX Captcha Validation Source: https://www.neumeith.at/google-search-console-empfehlungen-fuer-dein-seo/ Defines a function to validate user-entered captcha by making a jQuery GET request to the AJAX URL with specific action parameters. This is used for security checks. ```javascript window.get.captcha = function(enteredCaptcha) { return jQuery.get(ajaxurl, { action : "mk_validate_captcha_input", captcha: enteredCaptcha }); }; ``` -------------------------------- ### Rocket Preload Links Initialization (Partial) Source: https://www.neumeith.at/urls-aus-dem-index-von-google-entfernen-deindexierung-google-snippet-cache-loeschen/ The beginning of a JavaScript class for initializing Rocket's preloading links functionality. It sets up properties for browser compatibility, configuration, prefetched resources, event timing, and thresholds. The code checks for link prefetch support and data saver mode before proceeding. ```javascript (function () { "use strict"; var r = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) { return typeof e; } : function (e) { return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e; }; var e = function () { function i(e, t) { for (var n = 0; n < t.length; n++) { var i = t[n]; i.enumerable = i.enumerable || false; i.configurable = true; "value" in i && (i.writable = true); Object.defineProperty(e, i.key, i); } } return function (e, t, n) { t && i(e.prototype, t); n && i(e, n); return e; }; }(); function i(e, t) { if (!(e instanceof t)) { throw new TypeError("Cannot call a class as a function"); } } var t = function () { function n(e, t) { i(this, n); this.browser = e; this.config = t; this.options = this.browser.options; this.prefetched = new Set(); this.eventTime = null; this.threshold = 1111; this.numOnHover = 0; } e(n, [{ key: "init", value: function init() { !this.browser.supportsLinkPrefetch() || this.browser.isDataSaverModeOn() ``` -------------------------------- ### Boxzilla Library Initialization Source: https://www.neumeith.at/google-search-console-empfehlungen-fuer-dein-seo/ This JavaScript snippet initializes the Boxzilla library, making its methods ('on', 'off', 'toggle', 'show') available globally. It queues up any initial commands to be executed once the library is fully loaded and ready. ```javascript (function(){ var o=[],i={}; ["on","off","toggle","show"].forEach((function(l){ i[l]=function(){ o.push([l,arguments]); }; })); window.Boxzilla=i; window.boxzilla_queue=o; })(); ``` -------------------------------- ### Initialize Captcha with Stamp Data Source: https://www.neumeith.at/google-search-console-empfehlungen-fuer-dein-seo/ Fetches initial captcha stamp and client IP from 'admin-ajax.php' via a GET request. The response is expected to be JSON and is used to initialize captcha-related variables. ```javascript initCaptcha : function(){ fetch('https://www.neumeith.at/wp-admin/admin-ajax.php?action=get_stamp', { method: 'GET', headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, }) .then(function (response) { return response.json(); }) .then(function (response) { gdpr_compliant_recaptcha_stamp = response.stamp; gdpr_compliant_recaptcha_ip = response.client_ip; gdpr_compliant_recaptcha.findHash(); }); } ``` -------------------------------- ### Initialize Borlabs Cookie with Configuration Source: https://www.neumeith.at/seo-1x1-fuer-einsteiger-basics-und-tipps/ This snippet demonstrates the initialization of the Borlabs Cookie script. It includes a check for the BorlabsCookie object and jQuery, and then calls the `init` method with configuration, cookies, and content blocker data. A fallback mechanism using `setTimeout` ensures the script runs once dependencies are met. ```javascript var BorlabsCookieInitCheck = function () { if (typeof window.BorlabsCookie === "object" && typeof window.jQuery === "function") { if (typeof borlabsCookiePrioritized !== "object") { borlabsCookiePrioritized = { optInJS: {} }; } window.BorlabsCookie.init(borlabsCookieConfig, borlabsCookieCookies, borlabsCookieContentBlocker, borlabsCookiePrioritized.optInJS); } else { window.setTimeout(BorlabsCookieInitCheck, 50); } }; BorlabsCookieInitCheck(); ``` -------------------------------- ### AJAX Captcha Validation Function Source: https://www.neumeith.at/tipps-um-deinen-umsatz-zu-steigern/ Provides a function to validate captcha input via an AJAX GET request to the server. It uses jQuery to perform the request with specific action parameters. ```javascript window.get.captcha = function(enteredCaptcha) { return jQuery.get(ajaxurl, { action : "mk_validate_captcha_input", captcha: enteredCaptcha }); }; ``` -------------------------------- ### Blog Layout and Item Styling Source: https://www.neumeith.at/welche-formate-kann-google-indexieren/ Styles for different blog layouts including newspaper, spotlight, and showcase. Covers featured images, hover effects, time displays, comments, social sharing, and responsive adjustments. ```CSS .mk-advanced-gmaps img{max-width:none!important}.mk-blog-container-lazyload .swiper-slide-image{background-color:#e0e0e0}.mk-blog-container .featured-image:hover .image-hover-overlay{opacity:.9}.blog-share-container{position:relative;float:left}.sticky{border:1px solid #ccc}.mk-blog-container .mk-swipe-slideshow{margin-bottom:0}.mk-gallery{width:100%}.mk-blog-container{-webkit-transition:height .1s;transition:height .1s}.mk-blog-container a{text-decoration:none}.mk-blog-newspaper-item{margin:0;float:left;overflow:hidden}.mk-blog-newspaper-item .mk-swipe-slideshow img{width:100%}.mk-blog-newspaper-item .featured-image{position:relative;overflow:hidden}.mk-blog-newspaper-item .featured-image img{width:100%;max-width:100%}.mk-blog-newspaper-item .featured-image:hover img{-webkit-transform:scale(1.05);transform:scale(1.05)}.mk-blog-newspaper-item time{margin-bottom:15px;display:block}.mk-blog-newspaper-item time a{font-size:11px;line-height:11px;color:#999;font-style:italic;letter-spacing:1px}.mk-blog-newspaper-item .blog-loop-comments,.mk-blog-newspaper-item .newspaper-item-share{float:right;margin-left:15px;color:#ccc;cursor:pointer;font-size:11px}.mk-blog-newspaper-item .blog-loop-comments svg,.mk-blog-newspaper-item .newspaper-item-share svg{height:16px;vertical-align:middle}.mk-blog-newspaper-item .blog-loop-comments:hover,.mk-blog-newspaper-item .newspaper-item-share:hover{color:#b1b1b1}.mk-blog-newspaper-item .blog-loop-comments span{margin-left:4px}.mk-blog-newspaper-item .newspaper-item-footer{background-color:#fafafa;border-top:1px solid #e3e3e3;position:relative;z-index:2}.mk-blog-newspaper-item .newspaper-item-footer .newspaper-comments-list{margin:0;list-style:none;display:none;background-color:#fff}.mk-blog-newspaper-item .newspaper-item-footer .newspaper-comments-list li{margin:0 0 15px;padding:0 10px}.mk-blog-newspaper-item .newspaper-item-footer .newspaper-comments-list li:first-child{padding-top:20px!important;border-top:1px solid #e3e3e3}.mk-blog-newspaper-item .newspaper-item-footer .newspaper-comments-list li:last-child{padding-bottom:10px!important}.mk-blog-newspaper-item .newspaper-item-footer .newspaper-comments-list li .avatar{float:left;display:inline-block;margin:0 16px 5px;border-radius:100%}.mk-blog-newspaper-item .newspaper-item-footer .newspaper-social-share{display:none;list-style:none;margin:0;padding:15px;border-top:1px solid #e3e3e3;text-align:center;background-color:#fff}.mk-blog-newspaper-item .newspaper-item-footer .newspaper-social-share li{display:inline-block;margin:0}.mk-blog-newspaper-item .newspaper-item-footer .newspaper-social-share li a{width:30px;height:30px;border:1px solid #b9b9b9;margin:0 3px;border-radius:50%;display:block}.mk-blog-newspaper-item .newspaper-item-footer .newspaper-social-share li a svg{fill:#b9b9b9;height:16px;vertical-align:middle}.mk-blog-newspaper-item .newspaper-item-footer .newspaper-social-share li a:hover{color:#9b9b9b;border-color:#9b9b9b}.mk-blog-spotlight-item{width:100%;float:left}.mk-blog-spotlight-item .featured-image{position:relative;width:100%}.mk-blog-spotlight-item .featured-image>a{line-height:4px;display:block}.mk-blog-spotlight-item .featured-image img{width:100%}.mk-blog-spotlight-item .featured-image .image-hover-overlay{opacity:.5;background-color:#000!important;-webkit-transition:.25s ease-out;transition:all .25s ease-out}.mk-blog-spotlight-item .featured-image:hover .image-hover-overlay{opacity:.3}.mk-blog-showcase{padding:30px 0}.mk-blog-showcase ul{display:block;overflow:hidden;margin:0;padding:0;width:100%;list-style:none}.mk-blog-showcase ul li{position:relative;display:inline-block;float:left;margin:0;padding:0 10px 0 0;-webkit-transition:.15s ease-in-out;transition:all .15s ease-in-out}@media handheld,only screen and (max-width:1140px){.mk-swipe-slideshow{max-width:100%!important}.mk-blog-showcase ul li{display:block!important;float:none!important;margin-bottom:20px;width:100%}}.mk-blog-showcase ul li:last-child{padding-right:0!important}.mk-blog-showcase ul li.mk-blog-first-el{padding-right:270px} ``` -------------------------------- ### Initialize CAPTCHA and Fetch Stamp Source: https://www.neumeith.at/so-hinterlegst-du-eine-kanonische-url/ Initiates the CAPTCHA process by fetching a stamp and client IP from the server via an AJAX GET request. After successful retrieval, it triggers the hash finding process. ```javascript initCaptcha : function(){ fetch('https://www.neumeith.at/wp-admin/admin-ajax.php?action=get_stamp', { method: 'GET', headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, }) .then(function (response) { return response.json(); }) .then(function (response) { gdpr_compliant_recaptcha_stamp = response.stamp; gdpr_compliant_recaptcha_ip = response.client_ip; gdpr_compliant_recaptcha.findHash(); }); } ``` -------------------------------- ### Borlabs Cookie Container Responsiveness Source: https://www.neumeith.at/so-loescht-du-den-cache-deines-browsers/ Sets up a responsive container class for BorlabsCookie, defining width, padding, and margins. It includes media queries for different screen sizes, starting from small devices. ```css .BorlabsCookie .container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media(min-width:576px){.BorlabsCookie .container{max-width:540px}} ``` -------------------------------- ### Lazy Load Initialization and Mutation Observer Source: https://www.neumeith.at/wir-zeigen-dir-google-suche-tipps/ This snippet configures the LazyLoad library, sets up a MutationObserver to detect dynamically added content, and updates the lazy loader instance when new images or iframes are found. It handles the `LazyLoad::Initialized` event to manage content added after the initial page load. ```javascript var lazyLoadInstance = e.detail.instance; if (window.MutationObserver) { var observer = new MutationObserver(function(mutations) { var image_count = 0; var iframe_count = 0; var rocketlazy_count = 0; mutations.forEach(function(mutation) { for (var i = 0; i < mutation.addedNodes.length; i++) { if (typeof mutation.addedNodes[i].getElementsByTagName !== 'function') { continue; } if (typeof mutation.addedNodes[i].getElementsByClassName !== 'function') { continue; } images = mutation.addedNodes[i].getElementsByTagName('img'); is_image = mutation.addedNodes[i].tagName == "IMG"; iframes = mutation.addedNodes[i].getElementsByTagName('iframe'); is_iframe = mutation.addedNodes[i].tagName == "IFRAME"; rocket_lazy = mutation.addedNodes[i].getElementsByClassName('rocket-lazyload'); image_count += images.length; iframe_count += iframes.length; rocketlazy_count += rocket_lazy.length; if (is_image) { image_count += 1; } if (is_iframe) { iframe_count += 1; } } }); if (image_count > 0 || iframe_count > 0 || rocketlazy_count > 0) { lazyLoadInstance.update(); } }); var b = document.getElementsByTagName("body")[0]; var config = { childList: !0, subtree: !0 }; observer.observe(b, config); } ``` -------------------------------- ### Spotlight Blog Item Styling Source: https://www.neumeith.at/robots-txt-tester-jetzt-neu-in-der-google-search-console/ Styles for spotlight blog items, focusing on featured images and hover effects for overlays. ```css .mk-blog-spotlight-item{width:100%;float:left}.mk-blog-spotlight-item .featured-image{position:relative;width:100%}.mk-blog-spotlight-item .featured-image>a{line-height:4px;display:block}.mk-blog-spotlight-item .featured-image img{width:100%}.mk-blog-spotlight-item .featured-image .image-hover-overlay{opacity:.5;background-color:#000!important;-webkit-transition:.25s ease-out;transition:all .25s ease-out}.mk-blog-spotlight-item .featured-image:hover .image-hover-overlay{opacity:.3} ``` -------------------------------- ### Captcha Validation AJAX Call Source: https://www.neumeith.at/so-loescht-du-den-cache-deines-browsers/ Provides a function to validate captcha input using a jQuery AJAX GET request. It sends the entered captcha value to the server via a WordPress AJAX endpoint. ```javascript window.addEventListener('DOMContentLoaded', function() { window.get = {}; window.get.captcha = function(enteredCaptcha) { return jQuery.get(ajaxurl, { action : "mk_validate_captcha_input", captcha: enteredCaptcha }); }; }); ``` -------------------------------- ### LayerSlider Core CSS Source: https://www.neumeith.at/was-du-ueber-das-google-core-update-von-maerz-2024-wissen-musst/ Core CSS rules for LayerSlider, managing layout, responsiveness, transitions, and element visibility across different devices. Includes styles for video handling, container setup, and animation properties. ```css ottom-nav-wrapper a,.ls-bottom-nav-wrapper span{line-height:0;font-size:0} #ls-global .ls-container video,html body .ls-container video{max-width:none!important;object-fit:cover!important} #ls-global .ls-fullscreen-wrapper,html body .ls-fullscreen-wrapper{max-width:none} #ls-global .ls-container,#ls-global .ls-container .ls-bottom-nav-wrapper,#ls-global .ls-container .ls-bottom-nav-wrapper *,#ls-global .ls-container .ls-bottom-nav-wrapper span *,#ls-global .ls-container .ls-slide-transition-wrapper,#ls-global .ls-container .ls-slide-transition-wrapper *,#ls-global .ls-direction-fix,html body .ls-container,html body .ls-container .ls-bottom-nav-wrapper,html body .ls-container .ls-bottom-nav-wrapper *,html body .ls-container .ls-bottom-nav-wrapper span *,html body .ls-container .ls-slide-transition-wrapper,html body .ls-container .ls-slide-transition-wrapper *,html body .ls-direction-fix{direction:ltr!important} #ls-global .ls-container,html body .ls-container{float:none!important} .ls-slider-notification{position:relative;margin:10px auto;padding:10px 10px 15px 88px;border-radius:5px;min-height:60px;background:#de4528;color:#fff!important;font-family:'Open Sans',arial,sans-serif!important} .ls-slider-notification a{color:#fff!important;text-decoration:underline!important} .ls-slider-notification-logo{position:absolute;top:16px;left:17px;width:56px;height:56px;font-size:49px;line-height:53px;border-radius:56px;background-color:#fff;color:#de4528;font-style:normal;font-weight:800;text-align:center} .ls-slider-notification strong{color:#fff!important;display:block;font-size:20px;line-height:26px;font-weight:400!important} .ls-slider-notification span{display:block;font-size:13px;line-height:16px;text-align:justify!important} @media screen and (max-width:767px){ .ls-container .ls-background-videos .ls-hide-on-phone audio,.ls-container .ls-background-videos .ls-hide-on-phone iframe,.ls-container .ls-background-videos .ls-hide-on-phone video,.ls-container .ls-layers>.ls-hide-on-phone{display:none!important}} @media screen and (min-width:768px) and (max-width:1024px){ .ls-container .ls-background-videos .ls-hide-on-tablet audio,.ls-container .ls-background-videos .ls-hide-on-tablet iframe,.ls-container .ls-background-videos .ls-hide-on-tablet video,.ls-container .ls-layers>.ls-hide-on-tablet{display:none!important}} @media screen and (min-width:1025px){ .ls-container .ls-background-videos .ls-hide-on-desktop audio,.ls-container .ls-background-videos .ls-hide-on-desktop iframe,.ls-container .ls-background-videos .ls-hide-on-desktop video,.ls-container .ls-layers>.ls-hide-on-desktop{display:none!important}} .ls-container .ls-background-videos .ls-vpcontainer{z-index:10} .ls-container .ls-background-videos .ls-videopreview{background-size:cover!important} .ls-container .ls-background-videos audio,.ls-container .ls-background-videos iframe,.ls-container .ls-background-videos video{position:relative;z-index:20} @media (transform-3d),(-ms-transform-3d),(-webkit-transform-3d){ #ls-test3d{position:absolute;left:9px;height:3px}} .ls-curtile,.ls-nexttile,.ls-z[data-ls-animating-in] .ls-wrapper.ls-in-out,.ls-z[data-ls-animating-out] .ls-wrapper.ls-in-out{will-change:transform} .ls-curtile,.ls-nexttile,.ls-z[data-ls-animating-in] .ls-layer,.ls-z[data-ls-animating-out] .ls-layer{will-change:opacity} .ls-layer[data-ls-animating-in],.ls-layer[data-ls-animating-out]{will-change:filter} .ls-layer[data-ls-text-animating-in] .ls-ch,.ls-layer[data-ls-text-animating-in] .ls-ln,.ls-layer[data-ls-text-animating-in] .ls-wd,.ls-layer[data-ls-text-animating-out] .ls-ch,.ls-layer[data-ls-text-animating-out] .ls-ln,.ls-layer[data-ls-text-animating-out] .ls-wd{will-change:transform} .ls-z:not([data-ls-hidden]),.ls-z:not([data-ls-hidden]) .ls-wrapper.ls-loop,.ls-z:not([data-ls-hidden]) .ls-wrapper.ls-parallax,.ls-z:not([data-ls-hidden]) .ls-wrapper.ls-scroll,.ls-z:not([data-ls-hidden]) .ls-wrapper.ls-scroll-transform{will-change:transform} ``` -------------------------------- ### Boxzilla Initialization Queue Source: https://www.neumeith.at/wir-zeigen-dir-google-suche-tipps/ This snippet initializes a library named 'Boxzilla' by creating a queue for its methods. It defines 'on', 'off', 'toggle', and 'show' methods that push their arguments into an array, allowing for deferred execution. ```javascript (function(){ var o = [], i = {}; ["on", "off", "toggle", "show"].forEach((l => { i[l] = function() { o.push([l, arguments]); }; })); window.Boxzilla = i; window.boxzilla_queue = o; })(); ``` -------------------------------- ### CSS FancyBox Component Styling Source: https://www.neumeith.at/was-du-ueber-das-google-core-update-von-maerz-2024-wissen-musst/ Provides comprehensive CSS styling for the FancyBox modal/gallery component. It covers container setup, background effects, content display, image handling, and transitions for a smooth user experience. ```css body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *-webkit-box-sizing:border-box;box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-bg{background:#1e1e1e;opacity:0;-webkit-transition-duration:inherit;transition-duration:inherit;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:cubic-bezier(.47,0,.74,.71);transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;-webkit-transition-timing-function:cubic-bezier(.22,.61,.36,1);transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;-webkit-transition:opacity .25s,visibility 0s .25s;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;-webkit-transition:opacity .25s,visibility;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:0;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide::before{content:'';display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image::before{display:none}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:0 0;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:-webkit-zoom-out;cursor:zoom-out} ``` -------------------------------- ### RocketLazyLoadScripts Initialization and Event Handling Source: https://www.neumeith.at/wir-zeigen-dir-google-suche-tipps/ This snippet demonstrates the core JavaScript logic for Rocket Lazy Load Scripts. It manages page load states, dispatches custom events, and handles various window load events to ensure proper script execution and user experience. ```javascript async J(){try{document.readyState="interactive"}catch(t){}await this.G(),document.dispatchEvent(new Event("rocket-readystatechange")),await this.G(),document.rocketonreadystatechange&&document.rocketonreadystatechange(),await this.G(),document.dispatchEvent(new Event("rocket-DOMContentLoaded")),await this.G(),window.dispatchEvent(new Event("rocket-DOMContentLoaded"))}async J(){try{document.readyState="complete"}catch(t){}await this.G(),document.dispatchEvent(new Event("rocket-readystatechange")),await this.G(),document.rocketonreadystatechange&&document.rocketonreadystatechange(),await this.G(),window.dispatchEvent(new Event("rocket-load")),await this.G(),window.rocketonload&&window.rocketonload(),await this.G(),this.allJQueries.forEach((t=>t(window).trigger("rocket-jquery-load"))),await this.G();const t=new Event("rocket-pageshow");t.persisted=this.persisted,window.dispatchEvent(t),await this.G(),window.rocketonpageshow&&window.rocketonpageshow({persisted:this.persisted}),this.windowLoaded=!0}m(){document.onreadystatechange&&document.onreadystatechange(),window.onload&&window.onload(),window.onpageshow&&window.onpageshow({persisted:this.persisted})}I(){const t=new Map;document.write=document.writeln=function(e){const i=document.currentScript;i||console.error("WPRocket unable to document.write this: "+e);const o=document.createRange(),s=i.parentElement;let n=t.get(i);void 0===n&&(n=i.nextSibling,t.set(i,n));const c=document.createDocumentFragment();o.setStart(c,0),c.appendChild(o.createContextualFragment(e)),s.insertBefore(c,n)}}async G(){Date.now()-this.lastBreath>45&&(await this.K(),this.lastBreath=Date.now())}async K(){return document.hidden?new Promise((t=>setTimeout(t))):new Promise((t=>requestAnimationFrame(t)))}N(){this.trash.forEach((t=>t.remove()))}static run(){const t=new RocketLazyLoadScripts;t.p(t)}}RocketLazyLoadScripts.run(); ``` -------------------------------- ### Smart Background and Image Handling Source: https://www.neumeith.at/robots-txt-tester-jetzt-neu-in-der-google-search-console/ Styles for handling smart backgrounds and images within presentation layers. It includes rules for background sizing, positioning, and ensuring images scale correctly within their containers. ```css .ls-container:not(.ls-hidden) .ls-wrapper:not(.ls-force-display-block) picture.ls-l img,.ls-container:not(.ls-hidden) .ls-wrapper:not(.ls-force-display-block) picture.ls-layer img{width:inherit!important;height:inherit!important}.ls-l[data-ls-smart-bg],.ls-layer[data-ls-smart-bg],ls-layer[data-ls-smart-bg]{overflow:hidden!important;background-size:0 0!important}.ls-l[data-ls-smart-bg]:before,.ls-layer[data-ls-smart-bg]:before,ls-layer[data-ls-smart-bg]:before{content:'';display:block;position:absolute;left:0;top:0;z-index:-1;width:var(--sw);height:var(--sh);transform:translate(calc(var(--x,0px) + var(--lx,0px)),calc(var(--y,0px) + var(--ly,0px)));background-image:inherit;background-size:var(--bgs,inherit);background-position:inherit;background-repeat:inherit} ``` -------------------------------- ### Captcha Validation Function Source: https://www.neumeith.at/welche-formate-kann-google-indexieren/ Defines a utility function `get.captcha` that uses jQuery's AJAX GET method to validate captcha input. It sends the entered captcha value to the WordPress AJAX URL with the action 'mk_validate_captcha_input'. ```JavaScript window.addEventListener('DOMContentLoaded', function() { window.get = {}; window.get.captcha = function(enteredCaptcha) { return jQuery.get(ajaxurl, { action : "mk_validate_captcha_input", captcha: enteredCaptcha }); }; }); ``` -------------------------------- ### Captcha Validation Function Source: https://www.neumeith.at/wir-zeigen-dir-google-suche-tipps/ Defines a utility function `get.captcha` that uses jQuery's AJAX GET method to validate captcha input. It sends the entered captcha value to the WordPress AJAX URL with the action 'mk_validate_captcha_input'. ```JavaScript window.addEventListener('DOMContentLoaded', function() { window.get = {}; window.get.captcha = function(enteredCaptcha) { return jQuery.get(ajaxurl, { action : "mk_validate_captcha_input", captcha: enteredCaptcha }); }; }); ``` -------------------------------- ### Initialize Boxzilla Library Queue Source: https://www.neumeith.at/so-loescht-du-den-cache-deines-browsers/ Initializes the Boxzilla library by creating a queue for commands. It defines methods like 'on', 'off', 'toggle', and 'show' that push arguments onto a queue, allowing for deferred execution of Boxzilla functionalities. ```javascript (()=>{var o=[],i={};["on","off","toggle","show"].forEach((l=>{i[l]=function(){o.push([l,arguments])}})),window.Boxzilla=i,window.boxzilla_queue=o})(); ``` -------------------------------- ### Captcha Validation Function Source: https://www.neumeith.at/urls-aus-dem-index-von-google-entfernen-deindexierung-google-snippet-cache-loeschen/ Defines a utility function `get.captcha` that uses jQuery's AJAX GET method to validate captcha input. It sends the entered captcha value to the WordPress AJAX URL with the action 'mk_validate_captcha_input'. ```JavaScript window.addEventListener('DOMContentLoaded', function() { window.get = {}; window.get.captcha = function(enteredCaptcha) { return jQuery.get(ajaxurl, { action : "mk_validate_captcha_input", captcha: enteredCaptcha }); }; }); ``` -------------------------------- ### Boxzilla Initialization Queue Source: https://www.neumeith.at/google-update-vom-4-dezember-2023-zur-videoindexierung/ Initializes the Boxzilla library by providing a queue for commands like 'on', 'off', 'toggle', and 'show'. This allows for deferred execution of Boxzilla functionalities. ```javascript (function(){ var o=[],i={}; ["on","off","toggle","show"].forEach((l=>{ i[l]=function(){ o.push([l,arguments]) } })), window.Boxzilla=i, window.boxzilla_queue=o })(); ``` -------------------------------- ### Header Layout and Responsive Adjustments Source: https://www.neumeith.at/urls-aus-dem-index-von-google-entfernen-deindexierung-google-snippet-cache-loeschen/ Contains styles for the main header container, navigation alignment, responsive links, and specific adjustments for boxed layouts. It also includes styles for dashboard triggers and their positioning. ```css #mk-boxed-layout { position: relative; z-index: 0; } .mk-header-start-tour { font-weight: 700; float: right; transition: opacity .3s ease-out; visibility: visible; opacity: 1; } .mk-header-start-tour svg { padding-left: 8px; height: 20px; vertical-align: middle; } .mk-header-start-tour.show { visibility: visible; opacity: 1; } .mk-header-start-tour.hidden { visibility: hidden; opacity: 0; } .mk-header-right { position: absolute; right: 10px; top: 0; } .header-grid.mk-grid { position: relative; } .header-grid.mk-grid .mk-header-right { right: 20px; } .mk-header-nav-container { line-height: 4px; display: block; position: relative; margin: 0 auto; } @media handheld, only screen and (max-width: 1140px) { .mk-header .mk-header-nav-container { width: 100% !important; } } .header-style-1.header-align-left .mk-header-nav-container { text-align: right; float: right; margin-right: 30px; } .header-style-1.header-align-left .mk-header-right { display: none; } .header-style-1.header-align-left .header-logo { float: left; left: 0; } .header-style-1.header-align-left .header-logo a { margin-left: 20px; float: left; } .header-style-1.header-align-left .mk-nav-responsive-link { float: right; right: 20px; } .header-style-1.header-align-left .mk-grid .mk-header-nav-container { margin-right: 0; } .header-style-1.header-align-left.boxed-header .mk-header-right { display: block; } .mk-dashboard-trigger { display: inline-block; cursor: pointer; width: 30px; margin: 0 20px; position: relative; } @media handheld, only screen and (max-width: 400px) { .header-logo a img { max-width: 160px; } .mk-dashboard-trigger { margin: 0 10px; } } .mk-dashboard-trigger .mk-css-icon-menu { position: absolute; top: 50%; margin-top: -8px; left: 0; } .header-align-left .mk-dashboard-trigger { float: right; } ```