Salve ragazzi grazie a tutti per l'eventuale aiuto..ho spulciato per tutto google ma non riesco proprio a trovare una soluzione semplice per il mio problema..l'unica soluzione siete voi
Sto cercando di creare un popup modale e ci sono riuscito in maniera più tosto semplice... l'unica cosa è che non riesco ad implementarlo con una creazione di un cookie e quindi all'apertura della pagina si ripresenta nuovamente. Posto subito il codice che sto utilizzando:
Primo passo: creazione del div (contenete il popup da visualizzare) in questo caso è un immagine
----------------------------------------------------------------
<div id="hover"> </div>
<div id="popup">
<div id="close">X</div>
<p><img src="percorso immagine" /></p>
</div>
----------------------------------------------------------------
Assegnazione di uno stile:
#hover{
position:absolute;
background:black;
width:100%;
height:100%;
opacity:.7;
z-index:19;
}
#popup{
position:absolute;
width:509px;
height:384px;
left:50%;
top:50%;
border-radius:10px;
padding:20px;
margin-left:-310px; /* width/2 + padding-left */
margin-top:-110px; /* height/2 + padding-top */
z-index:20;
}
#close{
position: absolute;
background: black;
color: white;
right: 6px;
top: 10px;
border-radius: 50%;
width: 23px;
height: 20px;
line-height: 20px;
text-align: center;
font-size: 20px;
font-weight: bold;
font-family: 'Arial Black', Arial, sans-serif;
cursor: pointer;
z-index: 21;
}
----------------------------------------------------------------
Script java:
<script type="text/javascript">
$(document).ready(function(){
$("#hover").click(function(){
$(this).fadeOut();
$("#popup").fadeOut();
});
//chiusura al click sul pulsante
$("#close").click(function(){
$("#popup").fadeOut();
$("#hover").fadeOut();
});
});
</script>
------------------------------------------------------------------
Premetto che tutto funziona correttamente ma come spiegato non riesco a creare un cookie che mi permetta la non visualizzazione del popup agli utenti che hanno premuto X o lo sfondo nero...
Qualcuno ha una soluzione? Grazie a tutti. Emanuele
Rispondi quotando
Non riuscirei mai ad adattare tale plugin allo script postato prima.. grazie comunque per l'aiuto e disponibilità. Emanuele
