martedì, Febbraio 11, 2025

Ultimo:

Contratto metalmeccanici, i sindacati: “Nessun passo avanti, confermato lo sciopero a febbraio”
“Non voterei per Giorgia Meloni nemmeno se mi tagliassero una mano”: le parole di Elodie a Sanremo 2025
Yildiz-Modric, dallo scambio di maglia all’elogio: “Ha uno stile differente”
Trabzonspor-Juve Primavera: diretta tv, formazioni, dove vederla in streaming
Domani torna lo State of Play PlayStation: finalmente qualche nuovo gioco PS5?

La piattaforma multi servizi dedicata alla informazione, intrattenimento e al tempo libero

News ultima ora

Decine di nazioni colpite dall’hacking della “Cina”, mentre gli americani vengono avvertiti di smettere di inviare SMS

5 Dicembre 2024 Redazione

Scarica articolo/Blog

Stampa articolo/Blog

Decine di nazioni sono state colpite da una campagna di hacking cinese, ha dichiarato un alto funzionario della Casa Bianca…
Read More

Lascia un commento Annulla risposta

Devi essere connesso per inviare un commento.

<!DOCTYPE html>
<html lang="it">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Popup di Aiuto</title>
    <style>
        /* Stili base del popup */
        #popup {
            width: 600px;
            max-width: 90%;
            height: 500px;
            max-height: 90%;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: white;
            border: 1px solid #ccc;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            display: none;
            z-index: 1000;
            overflow: auto;
        }

        /* Ombreggiatura in basso a destra */
        #popup::after {
            content: '';
            position: absolute;
            bottom: -10px;
            right: -10px;
            width: 20px;
            height: 20px;
            background: rgba(0, 0, 0, 0.1);
            filter: blur(5px);
        }

        /* Titolo lampeggiante */
        #popup h2 {
            margin-top: 20px;
            text-align: center;
            font-weight: bold;
            color: blue;
            font-size: 18px;
            animation: blink 1s infinite;
        }

        /* Sfondo del titolo */
        #popup .content {
            padding: 20px;
            background-image: url('https://www.trendynet.it/wp-content/uploads/2025/01/logo-trasparente-per-penna-e-sito.png');
            background-size: 150px;
            background-repeat: no-repeat;
            background-position: center top 120px;
            position: relative;
        }

        /* Stili dell'elenco a cascata */
        #popup select {
            display: block;
            margin: 120px auto 5px auto;
            padding: 10px;
            width: 80%;
            max-width: 300px;
            font-size: 16px;
        }

        /* Stili dei pulsanti */
        #openPage, #closePopup {
            display: block;
            margin: 10px auto;
            padding: 10px 20px;
            font-size: 16px;
            cursor: pointer;
        }

        /* Effetto lampeggiante */
        @keyframes blink {
            50% {
                opacity: 0;
            }
        }
    </style>
</head>
<body>

<div id="popup">
    <div class="content">
        <h2>POSSO AIUTARTI A SCEGLIERE L’ARGOMENTO CHE CERCHI?<br>SELEZIONA LA PAGINA DESIDERATA.</h2>
        <select id="category" onchange="populatePages(this)">
            <option value="">Seleziona una categoria</option>
            <option value="attivita">1 – ATTIVITA’</option>
            <option value="intrattenimento">2 – INTRATTENIMENTO</option>
            <option value="shopping">3 – SHOPPING ONLINE</option>
            <option value="viaggi">4 – VIAGGI</option>
        </select>
        <select id="pages" style="display: none;">
            <!-- Pagine verranno popolate dinamicamente -->
        </select>
        <button id="openPage" style="display: none;" onclick="openSelectedPage()">Vai</button>
        <button id="closePopup" onclick="closePopup()">Chiudi</button>
    </div>
</div>

<script>
    const pages = {
        attivita: [
            { name: 'NEWS ULTIMORA', url: 'https://www.trendynet.it/articoli-news-ultimora-e-informazioni/' },
            { name: 'METEO INTERATTIVO', url: 'https://www.trendynet.it/il-meteo-flash-interattivo/' },
            { name: 'LIVE WEBCAM', url: 'https://www.trendynet.it/trendynet/' },
            { name: 'NECROLOGI E TRIGESIMI', url: 'https://www.trendynet.it/necrologi-trigesimi/' },
            { name: 'CALCOLO TEMPO E DIFFERENZA FRA DATE', url: 'https://www.trendynet.it/calcolo-tempo-e-differenza-tra-date/' },
            { name: 'CONVERTI CRIPTOVALUTE', url: 'https://coinmarketcap.com/it/converter/' },
            { name: 'GENERA QR E LABEL', url: 'https://qrcode.tec-it.com/it' }
        ],
        intrattenimento: [
            { name: 'DISEGNI DA COLORARE E GIOCHI PER BAMBINI', url: 'https://www.trendynet.it/disegni-da-colorare-gratis-per-bambini/' },
            { name: 'ENIGMISTICA', url: 'https://www.trendynet.it/attivita/enigmistica/' },
            { name: 'GIOCHI FREE', url: 'https://www.trendynet.it/giochi-su-trendynet/' },
            { name: 'MUSICA', url: 'https://www.trendynet.it/seleziona_musica/' }
        ],
        shopping: [
            { name: 'SHOP ONLINE', url: 'https://www.trendynet.it/shop-online/' }
        ],
        viaggi: [
            { name: 'BIGLIETTI AEREI', url: 'https://www.trendynet.it/attivita/biglietti-aerei/' },
            { name: 'BIGLIETTI NAVI', url: 'https://www.trendynet.it/attivita/biglietti-navi/' },
            { name: 'BIGLIETTI PULLMAN', url: 'https://www.trendynet.it/biglietti-pullman/' },
            { name: 'BIGLIETTI TRENI', url: 'https://www.trendynet.it/attivita/biglietti-treni/' },
            { name: 'CROCIERE', url: 'https://www.trendynet.it/attivita/crociere/' },
            { name: 'GUIDE TURISTICHE PALERMO', url: 'https://www.guidepalermo.it/' },
            { name: 'PRENOTA HOTEL E B&B', url: 'https://www.trendynet.it/attivita/prenota-hotel/' }
        ]
    };

    function showPopup() {
        document.getElementById('popup').style.display = 'block';
    }

    function closePopup() {
        document.getElementById('popup').style.display = 'none';
    }

    function populatePages(select) {
        const category = select.value;
        const pagesSelect = document.getElementById('pages');
        const openPageButton = document.getElementById('openPage');

        if (category) {
            pagesSelect.innerHTML = `<option value="">Seleziona una pagina</option>`;
            pages[category].forEach(page => {
                pagesSelect.innerHTML += `<option value="${page.url}">${page.name}</option>`;
            });
            pagesSelect.style.display = 'block';
            openPageButton.style.display = 'block';

            // Se la categoria "SHOPPING ONLINE" ha un solo link, reindirizza direttamente
            if (category === 'shopping' && pages[category].length === 1) {
                window.open(pages[category][0].url, '_blank');
                closePopup();
            }
        } else {
            pagesSelect.style.display = 'none';
            openPageButton.style.display = 'none';
        }
    }

    function openSelectedPage() {
        const pagesSelect = document.getElementById('pages');
        const selectedPageUrl = pagesSelect.value;
        if (selectedPageUrl) {
            window.open(selectedPageUrl, '_blank');
            closePopup();
        }
    }

    // Mostra il popup all'apertura del sito
    window.onload = showPopup;

    // Mostra il popup ogni 10 minuti
    setInterval(showPopup, 10 * 60 * 1000);
</script>

</body>
</html>

Potrebbe anche interessarti

Lascia un commento Annulla risposta