Aktionen

Benutzer

Theo/common.js: Unterschied zwischen den Versionen

Aus exmediawiki

< Benutzer:Theo
← Zum vorherigen VersionsunterschiedZum nächsten Versionsunterschied →
Theo (Diskussion | Beiträge)
515 Bearbeitungen
Keine Bearbeitungszusammenfassung
Theo (Diskussion | Beiträge)
515 Bearbeitungen
Keine Bearbeitungszusammenfassung
Zeile 1: Zeile 1:
// Wait for MediaWiki to finish loading
document.addEventListener('DOMContentLoaded', function() {
mw.hook('wikipage.content').add(function($content) {
   // Get all toggle buttons
   // Function to initialize the collapsible behavior
   const toggleButtons = document.querySelectorAll('.toggle-button');
   function initializeCollapsibles() {
  const contentSections = document.querySelectorAll('.content-section');
    const toggleButtons = document.querySelectorAll('.toggle-button');
  let currentlyOpen = null;
    const contentSections = document.querySelectorAll('.content-section');
    let currentlyOpen = null;


    // Remove any existing listeners to avoid duplicates
  toggleButtons.forEach(function(button) {
    toggleButtons.forEach(function(button) {
    button.addEventListener('click', function() {
      button.removeEventListener('click', button.clickHandler);
       const targetId = this.getAttribute('data-target');
    });
      const targetContent = document.getElementById(targetId);
 
     
    toggleButtons.forEach(function(button) {
      // If clicking the same button that's already open, close it
       button.clickHandler = function() {
      if (currentlyOpen === targetId) {
        const targetId = this.getAttribute('data-target');
        targetContent.style.display = 'none';
        const targetContent = document.getElementById(targetId);
        currentlyOpen = null;
       
        return;
        console.log('Button clicked:', targetId); // Debug log
      }
        console.log('Target content found:', targetContent); // Debug log
     
       
      // Hide all content sections
        if (!targetContent) {
      contentSections.forEach(function(section) {
          console.log('Target content not found!');
        section.style.display = 'none';
          return;
      });
        }
       
        // If clicking the same button that's already open, close it
        if (currentlyOpen === targetId) {
          targetContent.style.display = 'none';
          currentlyOpen = null;
          console.log('Closed:', targetId);
          return;
        }
       
        // Hide all content sections
        contentSections.forEach(function(section) {
          section.style.display = 'none';
        });
       
        // Show the target content
        targetContent.style.display = 'block';
        currentlyOpen = targetId;
        console.log('Opened:', targetId);
      };
        
        
       button.addEventListener('click', button.clickHandler);
       // Show the target content
      targetContent.style.display = 'block';
      currentlyOpen = targetId;
     });
     });
   
   });
    console.log('Found', toggleButtons.length, 'toggle buttons');
    console.log('Found', contentSections.length, 'content sections');
   }
 
  // Initialize immediately
  initializeCollapsibles();
 
  // Also initialize after a short delay to catch any late-loading content
  setTimeout(initializeCollapsibles, 1000);
});
 
// Fallback for non-MediaWiki environments
document.addEventListener('DOMContentLoaded', function() {
  // Wait a bit more for MediaWiki processing
  setTimeout(function() {
    const toggleButtons = document.querySelectorAll('.toggle-button');
    if (toggleButtons.length > 0) {
      console.log('Fallback initialization');
      // Same initialization code as above
      // ... (you can copy the initializeCollapsibles function content here if needed)
    }
  }, 2000);
});
});

Version vom 26. Mai 2025, 13:41 Uhr

document.addEventListener('DOMContentLoaded', function() {
  // Get all toggle buttons
  const toggleButtons = document.querySelectorAll('.toggle-button');
  const contentSections = document.querySelectorAll('.content-section');
  let currentlyOpen = null;

  toggleButtons.forEach(function(button) {
    button.addEventListener('click', function() {
      const targetId = this.getAttribute('data-target');
      const targetContent = document.getElementById(targetId);
      
      // If clicking the same button that's already open, close it
      if (currentlyOpen === targetId) {
        targetContent.style.display = 'none';
        currentlyOpen = null;
        return;
      }
      
      // Hide all content sections
      contentSections.forEach(function(section) {
        section.style.display = 'none';
      });
      
      // Show the target content
      targetContent.style.display = 'block';
      currentlyOpen = targetId;
    });
  });
});
Abgerufen von „https://exmediawiki.khm.de/index.php?title=Benutzer:Theo/common.js&oldid=10351“