https://www.b2b-sellers.com/wp-content/themes/stratusx-child/script.js

1
2
3
4// Initialize
5var Tooltips = document.getElementsByClassName('TooltipTrigger');
6
7// Track all tooltips trigger
8for (var i = 0; i < Tooltips.length; i++) {
9  
10    // Event Handler
11    Tooltips[i].addEventListener("mouseenter", function(ev) {
12        ev.preventDefault();
13        this.style.position = "relative";
14        this.innerHTML = this.innerHTML + "<div class='Tooltips'><p class='" + this.getAttribute("data-position") + "'>" + this.getAttribute("data-tooltips") + "</p></div>";
15    });
16    Tooltips[i].addEventListener("mouseleave", function(ev) {
17        ev.preventDefault();
18        this.removeAttribute("style");
19        this.innerHTML = this.innerHTML.replace(/<div[^]*?<\/div>/, '');;
20    });
21
22}
23jQuery(function($){
24
25    $('body').on('click', '.sop-button', function () {
26        var setting = $(this).attr('data-setting');
27        var featureid = $(this).attr('data-featureid');
28
29        if (!setting || setting === 'slideFromRight') {
30            $('#slide-out-panel-'+featureid).SlideOutPanel({
31                width: '30vw',
32            }).open();
33        }
34    })
35});
36
37
38
39document.addEventListener('DOMContentLoaded', function () {
40  // Wrapper-Spalte mit Menü + Mega-Menü
41  const wrap = document.querySelector('.header-nav-wrap');
42  if (!wrap) return;
43
44  // Dein Mega-Menü Container (innerer Abschnitt unter dem Menü)
45  const mega = wrap.querySelector('.mega-loesungen');
46
47  // Menüpunkt: 1 = "Lösungen" (anpassen, falls es nicht der erste ist)
48  const item = wrap.querySelector('.elementor-nav-menu .menu-item:nth-child(1)');
49  if (!mega || !item) return;
50
51  const open  = () => wrap.classList.add('is-open');
52  const close = () => wrap.classList.remove('is-open');
53
54  // Desktop Hover offen/zu
55  item.addEventListener('mouseenter', open);
56  item.addEventListener('mouseleave', close);
57  mega.addEventListener('mouseenter', open);
58  mega.addEventListener('mouseleave', close);
59
60  // Keyboard & Mobile
61  const link = item.querySelector('a');
62  link?.addEventListener('focus', open);
63  link?.addEventListener('blur', close);
64  link?.addEventListener('click', function (e) {
65    if (window.innerWidth < 992) { e.preventDefault(); wrap.classList.toggle('is-open'); }
66  });
67});
68
69