MediaWiki:Common.js: differenze tra le versioni

Da WikiAI.
Aggiunto script per link footer personalizzato
 
aggiorno
 
(2 versioni intermedie di uno stesso utente non sono mostrate)
Riga 1: Riga 1:
/* Il codice JavaScript inserito qui viene caricato da ciascuna pagina, per tutti gli utenti. */
/* Il codice JavaScript inserito qui viene caricato da ciascuna pagina, per tutti gli utenti. */


// Questo script rende cliccabile il testo "Visita Nick Digital Projects" nel footer
// Questo script aggiunge un link cliccabile al footer della pagina.
// che è stato aggiunto tramite CSS ::after.
document.addEventListener('DOMContentLoaded', function() {
document.addEventListener('DOMContentLoaded', function() {
     const footer = document.getElementById('mw-footer-container');
     const footer = document.getElementById('mw-footer-container'); // Trova il contenitore del footer
     if (footer) {
     if (footer) {
         // Aggiungi un event listener per i click sul footer
         // Crea un nuovo elemento <a> (link)
         footer.addEventListener('click', function(event) {
         const customLink = document.createElement('a');
            // Controlla se il click è avvenuto sul testo iniettato dal CSS
 
            // Usiamo includes per essere flessibili con spazi o altri caratteri
        // Imposta l'URL del link
            if (event.target.textContent.includes('Visita Nick Digital Projects')) {
        customLink.href = 'https://www.nick-digital-projects.com/soluzioni-digitali/';
                // Apri il link in una nuova scheda
        // Imposta il testo del link
                window.open('https://www.nick-digital-projects.com/soluzioni-digitali/', '_blank');
        customLink.textContent = 'Visita Nick Digital Projects';
            }
        // Apri il link in una nuova scheda
         });
        customLink.target = '_blank';
 
        // Applica stili inline per abbinarsi al tuo brand
        customLink.style.color = '#0099FF'; // Blu vivace
        customLink.style.textDecoration = 'none'; // Nessuna sottolineatura
        customLink.style.marginLeft = '1em'; // Aggiungi un margine a sinistra per separazione
 
        // Crea un elemento <span> per il separatore
        const separator = document.createElement('span');
        separator.textContent = ' | '; // Separatore
        separator.style.color = '#CCCCCC'; // Colore del testo del footer
 
        // Aggiungi il separatore e il link direttamente al footer
         // Questo è il metodo più robusto per garantire che il link appaia.
        footer.appendChild(separator);
        footer.appendChild(customLink);
     }
     }
});
});

Versione attuale delle 20:47, 26 lug 2025

/* Il codice JavaScript inserito qui viene caricato da ciascuna pagina, per tutti gli utenti. */

// Questo script aggiunge un link cliccabile al footer della pagina.
document.addEventListener('DOMContentLoaded', function() {
    const footer = document.getElementById('mw-footer-container'); // Trova il contenitore del footer
    if (footer) {
        // Crea un nuovo elemento <a> (link)
        const customLink = document.createElement('a');

        // Imposta l'URL del link
        customLink.href = 'https://www.nick-digital-projects.com/soluzioni-digitali/';
        // Imposta il testo del link
        customLink.textContent = 'Visita Nick Digital Projects';
        // Apri il link in una nuova scheda
        customLink.target = '_blank';

        // Applica stili inline per abbinarsi al tuo brand
        customLink.style.color = '#0099FF'; // Blu vivace
        customLink.style.textDecoration = 'none'; // Nessuna sottolineatura
        customLink.style.marginLeft = '1em'; // Aggiungi un margine a sinistra per separazione

        // Crea un elemento <span> per il separatore
        const separator = document.createElement('span');
        separator.textContent = ' | '; // Separatore
        separator.style.color = '#CCCCCC'; // Colore del testo del footer

        // Aggiungi il separatore e il link direttamente al footer
        // Questo è il metodo più robusto per garantire che il link appaia.
        footer.appendChild(separator);
        footer.appendChild(customLink);
    }
});