Overlay solo quando si entra nel sito: come fare? 
Author: Giuseppe GuidaCiao, al link a fine testo ho caricato online una bozza di un lavoro, ad apertura sito, quindi quando si entra, ho inserito un Overlay come da indicazioni di un altro utente (Alberto G. qui: https://helpcenter.websitex5.com/en/post/214229) con una foto e la scritta "Benvenuti in Dress Shop". Dopo circa 2 secondi sparisce l'Overlay e appare la Home Page...
Vorrei che questo Overlay appaia solo la prima volta che si entra nel sito ma poi, continuando a navigare nello stesso e ritornado sulla Home, tale schermata in Overlay non si debba più ripresentare (sarebbe fastidiosissimo per chi lo naviga se ogni volta che si ritorna sulla home appare quella finestra in Overlay). Uscendo ed entrando poi successivamente nel sito mi sta bene che tale Overlay appaia di nuovo (ma può anche non apparire, non è importante, in quel caso bisognerebbe agire sulla sessione dei cookie, ma ho provato e non ha funzionato).
Qualcuno ha una soluzione? Grazie in anticipo
LINK BOZZA SITO: http://bozzasito001.altervista.org/shop2019n2/
forse non ho capito, ma non andrebbe bene con la pagina d'ingresso ?
Fà proprio quello che chiedi...
Author
Ciao Mirko... no. Non voglio la pagina di ingresso perchè al momento la foto è statica con la scritta ma poi inserirò un'animazione (giá creata a parte) che non va bene con l'effetto (difficile da spiegare) che ho inserito e che fará apparire la home in dissolvenza sotto l'overlay. Giá provato e non va bene.
Ciao,
dai un occhiata a questo post se ti può aiutare
https://stackoverflow.com/questions/46204292/make-overlay-display-once-per-session-using-html-and-java-script
Author
Ok Luigi, grazie. Do uno sguardo e poi ti faccio sapere.
io vorreo sapere solo una cosa.... quando Giuseppe chiede una cosa per un oggetto che fa parte del software ws, ok che Luigi cerca di siutarlo , MA PERCHÈ DOBBIAMO SEMPRE USARE I CODICI per far funzionare oggetti che fanno parte del software? Ormai abbiamo superato da tempo la versione 10 di incomedia, no?
Questa richiesta di Giuseppe è uguale alla finestra della privacy e cookie, ogni volta in ogni pagina da chiuderla è fastidioso pure quello. Amcge sul sito incomedia è cosi, stavo proprio pensando azz... ma quante volte chiudo sto coso?
Ho fatto notare come IDEA! picolezze , come anche larghezze lista discesa ed altre piccolezze , pero alla fine fanno la differenza!!!
scusate per gli ertori sul cell è difficile perchè ogni volta chiede di chiudere i cookie qui e da diventar scemi per navigarci. imfatti volevo dare solo un occhiata veloce alle mews, ma con accettare ad ogni pagine i cookie , uffa che p....
Author
Kris ma in realtá la finestra in Overlay che ho inserito non fa parte del programma: ho usato codici esterni.
prova a vedere questo allora se ti può essere d'aiuto, magari prelevando solo parte del codice:
http://www.unofficialwsx5.com/index.php?topic=902.msg7166
Author
Ok Mirko. Grazie mille. Proverò anche quella soluzione.
<SCRIPT LANGUAGE="JavaScript">
function setCookie(visits) {
var expireDate = new Date();
expireDate.setDate(1 + expireDate.getDate());
document.cookie = "Visits=" + visits + "; expires=" +
expireDate.toGMTString() + ";";
}
if ("" == document.cookie) {
setCookie(1);
window.open("http://www.pagina.com","pop","width=1000,height=600");
}
</SCRIPT>
Da inserire o in oggetto HTML nella pagina dove lo vuoi far vedere o in codice esperto di quella pagina
In grassetto il codice da personalizzare
Author
OK, grazie Patrizia, proverò appena possibile. Ciao
... potresti usare il mio controllo cookie di sessione che mi ero inventato per il mio storico > DIV_CUSTOM tuttofare (corrispondente al tuo "loader_overlay"), originale e semplicissimo da configurare e personalizzare...
... se non ti riesce ottenerne il controllo, fatti sentire...
.
Author
Ok Kol, grazie... ricordo di aver giá visto un tuo esempio su ciò che servirebbe a me e ricordo anche che funzionava bene. Se mi dai indicazioni in più te ne sono grato...
Ciao
...
... era rimasto indietro il LINK, che adesso funziona...
... il mio cookie lo trovi alla righe >> 22-32 ... Ctrl+U
.
Author
Ok. Grazie Kol. Domani ti faccio sapere.
Author
@KolAsim, ho provato con il tuo codice e funziona sull'apertura una sola volta dell'overlay ad ingresso sito. Puoi vederlo qui: http://bozzasito001.altervista.org/shop2019n2/
Io ho inserito un pulsante ENTRA al posto della X inserita da te e vorrei che cliccando sul pulsante ENTRA venga mantenuto lo stesso effetto di scomparsa dell'overlay (uscita da sinistra con dissolvenza) come si vede qui dopo circa due secondi dalla sua apparizione: http://bozzasito001.altervista.org/shop2019n2/effetto-overlay.html
In definitiva il pulsante ENTRA sosituirebbe il timer impostato su 2000ms e al click sul pulsante rimane invariato l'effetto di scomparsa dell'overlay a sinistra con dissolvenza.
Come si può fare? E' possibile? Grazie in anticipo.
... il tasto ENTRA mi sembra troppo in basso; ...lo posso vedere solo con zoom al 67% ...
... col mio PC/Vista obsoleto non riesco a navigare la tua pagina...
... faccio prima con degli esempi copia/incolla direttamente online, e se poi ti servissero chiarimenti in merito, avvisami...
>> automatico || >> automatico cookie
>> ENTRA || >> ENTRA cookie
.
ciao
.
Author
Grazie Kol, tutto perfetto. Ho apportato delle piccole modifiche ed ho dovuto mettere un valore z-index molto elevato al DIV_CUSTOM se no rimaneva sotto la home e non era visibile l'overlay. Poi però il DIV_CUSTOM avendo valore z-index più elevato di quello della home, al click su "ENTRA" spariva regolramente e diventava trasparente ma era comunque sempre presente sulla home su un livello superiore per cui, anche se trasparente e non visibile, NON mi faceva cliccare nè i pulsanti del menù nè qualsiasi altra cosa cliccabile sulla home e ho aggiunto nello script la funzione remove() per quel DIV. Ora è tutto perfetto, lo puoi vedere qui:
http://bozzasito001.altervista.org/shop2019n2/
Ciao e grazie ancora!
... OK... ... visto su FireFox; ... ENTRA adesso è in posizione visibile ed il cookie funziona... OK..
... note:
... l'immagine su smartphone in verticale si vede solo sino ai gomiti, ed in orizzontale solo sino a "Benvenuti in"...
... apporterei queste aggiunte e/o modifiche:
... in //HEAD:
<style>
#entraK {top:50% !important;margin-top:-25;
-webkit-animation: fadein 8s linear 1 forwards; animation: fadein 8s linear 1 forwards;}
@-webkit-keyframes fadein { 0% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 1; }}
@keyframes fadein { 0% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 1; }}
#loader_overlay_img {top: 50% !important;margin-top:-240px !important;}
</style>
... al div loader_overlay :
<div id="loader_overlay" onclick="overlayK()" alt="ENTRA" title="ENTRA"> *******.....
...!... il risultto delle modifiche dovrebbe essere:
- visibilità ritardata di 4" al pulsante ENTRA;
- ENTRA ed IMMAGINE centrate nella pagina;
- click attivo sul div loader_overlay;
... puoi eliminare i commenti ...
... lo STYLE di OVERLAY dovrebbe andare in //HEAD...
.
...
.
Author
Ok Kol, grazie proverò gli altri suggerimenti. Ti faccio sapere e metto online il risultato finale. A presto
Author
Si lo style dell'Overlay lo avrei poi messo in head, lo avevo messo lì per averlo sottomano per eventuali modifche e non dover "saltare" sempre tra la sezione body e quella head in Website X5.
Ciao
Author
P.S. dando uno sguardo al codice il valore dell'animazione è impostato su 8s... Tu avevi scritto che il pulsante "Entra" appariva con 4s di ritardo... Lo correggo al momento delle ulteriori prove.
... 8" = 4" di pausa (50%) + 4" (50%) effetto dissolvenza in entrata... (puoi personalizzarlo a piacere)...
... in più, un eventuale click su overlay attiverebbe lo stesso la sua function()...
.
Author
Ok... lo avevo visto velocemente.
Ho impostato il valore su 2s
per la prova online il link è sempre lo stesso:
http://bozzasito001.altervista.org/shop2019n2/
Non ho attivato la function() su tutto l'overlay (ho provato però in locale e funziona benissimo cliccando su qualsiasi punto dell'overlay. Ma non mi serve al momento quella funzione). I contenuti (foto e pulsante) sono centrati. Per me così è perfetto. Non posso che ringraziarti infinitamente.
P.S. per il momento lascio aperto il post (metto utile però sui tuoi post), potrebbe servire a qualcun altro per intervenire e chiedere magari altre delucidazioni. Ciao ciao
Giuse, facci sapere quando hai inserito il video. OK? cosi riusciremo a vedere e salvare sti passaggi di codici per il futuro
Sicuro? Io con IE la foto la vedo tutta dx, e il pulsante al centro...
Author
Mirko, non ho idea di come si possa vedere con IE...
Con Edge, Chrome e FireFox si vede al centro...
Author
Eh si... in effetti con IE la foto è spostata a destra, mentre il pulsante rimane al centro...
...!... anche il primo > DIV_CUSTOM ... è decentrato...?...
... .... ed anche gli altri esempi... ...?...
.
Author
Kol più tardi provo e ti faccio sapere se anche il primo div custom risulta decentrato o meno.
Author
Kol, tutti gli altri tuoi esempi si vedono centrati e perfetti su IE. Solo il mio si vede decentrato. Poi devo rivedere con calma tutto il codice, non vorrei aver sbagliato qualcosa nella fretta.
... allora prova ad aggiungere:
<style> #loader_overlay_img {left:-325px; margin-left:50%;} </style>
.
Author
Ok, provo subito e ti dico...