Mudanças entre as edições de "Widget:BossActions"

Edição das 20h44min de 20 de abril de 2026

Widget para controle de abas nas páginas de World Boss. Uso:

   // Esconde todas as seções
   const sections = document.querySelectorAll('.boss-section');
   sections.forEach(sec => {
       sec.classList.remove('active');
       sec.style.display = 'none';
   });

   // Remove classe active de todos os botões no mesmo menu
   const buttons = btnElement.parentElement.querySelectorAll('.boss-nav-btn');
   buttons.forEach(btn => {
       btn.classList.remove('active');
   });

   // Ativa a seção e o botão corretos
   const target = document.getElementById(sectionId);
   if (target) {
       target.classList.add('active');
       target.style.display = 'block';
   }
   btnElement.classList.add('active');

} </script>

Mudanças entre as edições de "Widget:BossActions"

Edição das 20h44min de 20 de abril de 2026

Menu de navegação

Pesquisa

@@ Linha 1: / Linha 1: @@
+<noinclude>
+Widget para controle de abas nas páginas de World Boss.
+Uso: {{#widget:BossActions}}
+</noinclude>
 <script>
-document.querySelectorAll('.boss-nav-btn').forEach(button => {
+function showBossSection(sectionId, btnElement) {
-     button.addEventListener('click', () => {
+     // Esconde todas as seções
-        const target = button.getAttribute('data-target');
+    const sections = document.querySelectorAll('.boss-section');
+    sections.forEach(sec => {
-        // Remove 'active' de todos
+        sec.classList.remove('active');
-        document.querySelectorAll('.boss-nav-btn').forEach(btn => btn.classList.remove('active'));
+         sec.style.display = 'none';
-        document.querySelectorAll('.boss-section').forEach(sec => sec.classList.remove('active'));
-        // Adiciona 'active' no alvo
-        button.classList.add('active');
-        document.getElementById(target).classList.add('active');
      });
-});
+    // Remove classe active de todos os botões no mesmo menu
+    const buttons = btnElement.parentElement.querySelectorAll('.boss-nav-btn');
+    buttons.forEach(btn => {
+        btn.classList.remove('active');
+    });
+    // Ativa a seção e o botão corretos
+    const target = document.getElementById(sectionId);
+    if (target) {
+        target.classList.add('active');
+        target.style.display = 'block';
+    }
+    btnElement.classList.add('active');
+}
 </script>