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

De Wiki Gla
Ir para navegação Ir para pesquisar
Linha 1: Linha 1:
<script>
<script>
 
document.querySelectorAll('.boss-nav-btn').forEach(button => {
/* Função para trocar de aba (seção)
    button.addEventListener('click', () => {
  sectionId: O ID da div que deve aparecer
        const target = button.getAttribute('data-target');
  buttonElement: O próprio botão clicado para mudar a classe 'active'
       
*/
        // Remove 'active' de todos
function showBossSection(sectionId, buttonElement) {
        document.querySelectorAll('.boss-nav-btn').forEach(btn => btn.classList.remove('active'));
    // 1. Esconder todas as seções de conteúdo
        document.querySelectorAll('.boss-section').forEach(sec => sec.classList.remove('active'));
    const sections = document.querySelectorAll('.boss-content-section');
       
    sections.forEach(sec => {
        // Adiciona 'active' no alvo
         sec.classList.remove('active');
         button.classList.add('active');
         sec.style.display = 'none'; // Garantia extra de esconder
         document.getElementById(target).classList.add('active');
     });
     });
 
});
    // 2. Mostrar a seção selecionada
    const targetSection = document.getElementById(sectionId);
    if (targetSection) {
        targetSection.classList.add('active');
        targetSection.style.display = 'block';
    }
 
    // 3. Remover classe 'active' de todos os botões da barra de navegação
    // Procuramos os botões que estão no mesmo container do botão clicado
    const navBar = buttonElement.parentElement;
    const buttons = navBar.querySelectorAll('.btn-boss-action');
    buttons.forEach(btn => {
        btn.classList.remove('active');
    });
 
    // 4. Adicionar classe 'active' ao botão clicado
    buttonElement.classList.add('active');
}
</script>
</script>

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

<script> document.querySelectorAll('.boss-nav-btn').forEach(button => { 

   button.addEventListener('click', () => {
       const target = button.getAttribute('data-target');
       
       // Remove 'active' de todos
       document.querySelectorAll('.boss-nav-btn').forEach(btn => btn.classList.remove('active'));
       document.querySelectorAll('.boss-section').forEach(sec => sec.classList.remove('active'));
       
       // Adiciona 'active' no alvo
       button.classList.add('active');
       document.getElementById(target).classList.add('active');
   });

}); </script>

Disponível em “https://wiki.gla.com.br/index.php?title=Widget:BossActions&oldid=46350”