Webinare: Unterschied zwischen den Versionen

@@ Zeile 2: / Zeile 2: @@
 <script>
 /* Tandler Wiki - Video-Galerie - wird automatisch auf der Webinare-Seite geladen */
-(function ($) {
+(function () {
      'use strict';
@@ Zeile 177: / Zeile 177: @@
          }
-         $(document).on('click', '.vg-filter-btn', function () {
+         document.addEventListener('click', function (e) {
-             aktuellerTag = $(this).data('tag');
+            var btn = e.target.closest('.vg-filter-btn');
-             $('.vg-filter-btn').each(function () {
+            if (!btn) return;
-                 $(this).removeClass('aktiv').css({ background: '', color: '', borderColor: '' });
+             aktuellerTag = btn.getAttribute('data-tag');
+             document.querySelectorAll('.vg-filter-btn').forEach(function (b) {
+                 b.classList.remove('aktiv');
+                b.style.background = '';
+                b.style.color = '';
+                b.style.borderColor = '';
              });
              var farbe = TAGS[aktuellerTag] ? TAGS[aktuellerTag].farbe : '#666699';
-             $(this).addClass('aktiv').css({ background: farbe, color: '#fff', borderColor: farbe });
+             btn.classList.add('aktiv');
+            btn.style.background = farbe;
+            btn.style.color = '#fff';
+            btn.style.borderColor = farbe;
              renderKarten();
          });
-         $(suchfeld).on('input', renderKarten);
+         suchfeld.addEventListener('input', renderKarten);
          renderKarten();
      }
-     $(function () {
+     document.addEventListener('DOMContentLoaded', function () {
          var inhalt = document.getElementById('mw-content-text');
          if (!inhalt) return;
@@ Zeile 202: / Zeile 210: @@
      });
-}(jQuery));
+})();
 </script>
 </html>

Webinare: Unterschied zwischen den Versionen

Version vom 19. Mai 2026, 10:04 Uhr