Banner Maggiorenni - Esclusione locale - codice Kolasim
Author: Alessandro R.
Visited 63,
Followers 1,
Shared 0
Ciao, nel web ho inserito il codice maggiorenni.
In locale, ogni volta che modifico una pagina, si apre il banner ed é molto fastidioso.
Vorrei escludere il funzionamento in locale.
Il codice era stato creato da KolAsim.
ps: Messaggio per KolAsim, congratulazioni per il nuovo pc :)
Posted on the
Author
messaggio riferito al seguente post https://helpcenter.websitex5.com/en/post/264377
... se ti riferisci al TXT allegato nel mio Post#19, per disattivare il banner (ed anche il cookie) ti basta disabilitare la chiamata alla funzione ControlloFinestraK() alla fine della prima funzione //K>; anteponendo due barrette (//), in questo modo:
//===============================
//ControlloFinestraK() ;
}); //K<<;
//-----------------------------
.
ciao
.
Author
Ciao KolAsim,
nel web ho inserito due codici che gestiscono il banner.
<!-- prima parte del banner -->
<style>
/* Stili per il banner */
.banner {
display: none; /* Nascondi il banner di default */
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #f9f9f9;
padding: 20px;
text-align: center;
z-index: 19999;
display: flex;
align-items: center;
justify-content: space-between;
max-width: 90%; /* Riduci la larghezza del banner del 57% */
flex-direction: row;
border: 2px solid black; /* Aggiungi una cornice nera */
}
.banner img {
max-width: 70%; /* Dimensioni inferiori al 30% */
height: auto;
margin-right: 0.1cm; /* Riduci ulteriormente lo spazio tra l'immagine e il testo */
}
.banner div {
margin-right: 0.1cm; /* Aggiungi un margine destro di 1 cm al contenitore del testo */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center; /* Allinea il testo al centro */
}
.banner p {
font-size: 18px;
font-weight: bold;
margin-bottom: 1em; /* Spazio di una riga vuota tra le frasi */
font-family: Arial, sans-serif; /* Carattere moderno e pulito */
}
.banner .button-container {
margin-left: 0.5cm; /* Aggiungi un margine sinistro di 2 cm al contenitore dei pulsanti */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin-top: 3em; /* Aggiungi tre righe vuote tra il testo e i pulsanti */
}
.banner button {
background-color: #B8860B; /* Pulsanti colore oro scuro */
color: #ffffff;
padding: 8px 25px; /* Dimensioni più piccole */
font-size: 14px; /* Testo più piccolo */
font-weight: bold; /* Testo in grassetto */
cursor: pointer;
margin: 15px; /* Spazio tra i pulsanti */
flex: 1; /* Larghezza uguale per entrambi i pulsanti */
border: none; /* Rimuovi la cornice */
}
/* Stili per l'overlay */
.overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 19998;
}
/* Stili per il banner su schermi di larghezza inferiore a 960px */
@media (max-width: 960px) {
.banner {
flex-direction: column;
}
.banner img {
max-width: 100%;
margin-right: 0;
order: 1; /* Posiziona l'immagine in alto */
margin-bottom: 1em; /* Aggiungi una riga vuota tra l'immagine e il testo */
}
.banner div {
margin-right: 0;
order: 2; /* Posiziona il testo al centro */
}
.banner .button-container {
flex-direction: column;
margin-left: 0;
margin-top: 2em; /* Aggiungi due righe vuote tra il testo e i pulsanti */
gap: 1em; /* Aggiungi una riga vuota tra i pulsanti */
order: 3; /* Posiziona i pulsanti in basso */
}
}
/* Stili per il banner su schermi di larghezza tra 970px e 1500px */
@media (min-width: 970px) and (max-width: 1500px) {
.banner {
flex-direction: column;
}
.banner img {
max-width: 100%;
margin-right: 0;
order: 1; /* Posiziona l'immagine in alto */
margin-bottom: 1em; /* Aggiungi una riga vuota tra l'immagine e il testo */
}
.banner div {
margin-right: 0;
order: 2; /* Posiziona il testo al centro */
}
.banner .button-container {
flex-direction: column;
margin-left: 0;
margin-top: 2em; /* Aggiungi due righe vuote tra il testo e i pulsanti */
gap: 1em; /* Aggiungi una riga vuota tra i pulsanti */
order: 3; /* Posiziona i pulsanti in basso */
}
}
</style>
-----------------------------------------------------------------------------------------------------
<!-- Seconda parte del banner 18 -->
<div class="overlay" id="ageCheckOverlay"></div>
<div class="banner" id="ageCheckBanner">
<img src="https://www.prahavino.cz/feed_google/team-20.jpg" alt="Immagine del banner" alt="Immagine del banner">
<div>
<p><strong>Vítáme Vás,</strong></p>
<p>potvrďte prosím,</p>
<p>že jste starší 18 let.</p>
<div class="button-container">
<button onclick="closeBanner()">ANO</button>
<button onclick="exitWebsite()">NE</button>
</div>
</div>
</div>
<script>
// Chiudi il banner
function closeBanner() {
document.querySelector('.banner').style.display = 'none';
document.querySelector('.overlay').style.display = 'none';
document.body.style.overflow = 'auto'; // Riabilita lo scroll
document.body.style.overflowY = 'scroll'; // Riabilita la barra di scorrimento verticale
sessionStorage.setItem("ageChecked", "true"); // Imposta un elemento di sessionStorage
}
// Esci dal sito web
function exitWebsite() {
window.location.href = 'https://www.google.cz'
}
// Verifica se l'utente ha già effettuato un controllo dell'età
if (sessionStorage.getItem("ageChecked") !== "true" ) { // Controlla se esiste l'elemento di sessionStorage
// Controlla se è la prima pagina visitata durante la sessione
if (sessionStorage.getItem("pageCount") === null) {
sessionStorage.setItem("pageCount", "1"); // Imposta un elemento di sessionStorage
document.querySelector('.banner').style.display = 'flex'; // Mostra il banner solo se l'utente non ha ancora confermato di avere più di 18 anni
document.querySelector('.overlay').style.display = 'block'; // Mostra l'overlay
document.body.style.overflow = 'hidden'; // Disabilita lo scroll
document.body.style.overflowY = 'hidden'; // Nasconde la barra di scorrimento verticale
}
} else {
// Incrementa il contatore delle pagine
let pageCount = Number(sessionStorage.getItem("pageCount"));
sessionStorage.setItem("pageCount", String(pageCount + 1));
}
// Nascondi il banner a partire dalla seconda pagina visitata
if (sessionStorage.getItem("pageCount") !== "1") {
document.querySelector('.banner').style.display = 'none';
document.querySelector('.overlay').style.display = 'none';
document.body.style.overflow = 'auto'; // Riabilita lo scroll
document.body.style.overflowY = 'scroll'; // Riabilita la barra di scorrimento verticale
}
</script>
Il problema consiste quando lavoro in locale con x5, ogni singola pagina che modifico si apre il banner...ed é un perdita di tempo oltre che si diventa matti :)
SOLO IN LOCALE avrei bisogno che il banner non apparisse mentre lavoro nella modifica del web, mentre on line il banner deve funzionare come previsto.
La funzione da te indicata (ControlloFinestraK), non riesco a trovarla, neanche con cerca...
grazie della collaborazione...
ciao
... avendomi nominato ed indicato il mio codice, ... mi son riferito a quello mio del mio post#19 indicato prima...
... il codice che tu hai postato adesso non è mio(!), ...ma per questo caso ti avevo già dato una soluzione nel mio post#25-corretto del Topic che hai indicato, solo che per attivalo per tutto il sito, quel codice del mio post#25 lo devi mettere sì nella stessa sezione Esperto(3^opzione), ma del
Passo 1 - > Statistiche e Codice > Sezione Codice...
.
ciao
.