Problema con pop-pu in css

  • Creatore Discussione Creatore Discussione Riga75
  • Data di inizio Data di inizio

Riga75

Nuovo Utente
17 Mag 2005
13
0
0
49
www.stefanorigazio.net
Ecco l codice usato:

Realizziamo il codice CSS da inserire tra i TAGs HEAD della nostra pagina.

<style type="text/css">
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}
#banner {
position:absolute;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
border:0px;
background-color:#FFFFFF;
width: 245px;
height: 181px;
left: 333px;
top: 151px;
}
#banner a
{
color:#FFCC00;
text-decoration:none;
background-color:#FFFFFF;
}
#banner a:hover
{
color:#FFCC00;
text-decoration:underline;
background-color:#FFFFFF;
}
#chiudi
{
position:absolute;
width:9px;
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#000000;
left: 570px;
top: 137px;
text-align:right;
}
#chiudi a
{
background-color:#FFFFFF;
font-weight:bold;
color:#000000;
text-decoration:none;
text-align:right;
}
#chiudi a:hover
{
background-color:#FFFFFF;
font-weight:bold;
color:#990000;
text-decoration:none;
text-align:right;
}
</style>



Ora passiamo alla realizzazione del codice presente tra i TAGs BODY. Eccolo qui sotto abbondantemente commentato:

<body>
<!-- Inzio codice testo pagina -->
Qui il testo della pagina... (noi abbiamo messo le classiche frasi latine..)
<!-- Fine codice testo pagina -->
<!-- Inizio codice POP-UP -->
<div id="banner">
<a href="http://www.agwebsolutions.it" target="_blank"><img src="immagine.png" border="0" alt="Clicca qui" /></a>
</div>
<!-- fine codice pop-up -->
<!-- Inizio codice barra di chiusura POP-UP -->
<div id="chiudi" align="right">
<a href="#" onclick="banner.style.display='none';
chiudi.style.display='none'"><strong>X</strong></a>
</div>
<!-- Fine codice barra di chiusura POP-UP -->
</body>

IO vorrei fare una modifica che mi permette di farsi che il pop-up si apra solo una volta al giorno.
So che si dovrebbe usare i cookie ma non so come.
Chi riesce ad aiutarmi?

Grazie mille in anticipo :hammer:
 
Ciao,
vedo che hai utilizzato il mio tutorial sul pop-up con i CSS..

Per far sì che si apra una volta al giorno, potresti realizzare un ciclo javascript.
Supponiamo che tu voglia che si apra alle 12
Codice:
<script language="Javascript" type="text/javascript">
ora = new Date
if (ora.getHours() = 12) {
document.banner.style.display='block';
document.chiudi.style.display='block';
}
else {
document.banner.style.display='none';
document.chiudi.style.display='none';
}
</script>
Devi aggiungerlo tra i TAGs HEAD...
Poi setti entrambi i DIV a DISPLAY=none...(lo fai aggiungendo style="display:none" nei tags dei div)

Dovrebbe funzionare... è comunque solo una bozza...
 
agwebsolutions ha scritto:
Ciao,
vedo che hai utilizzato il mio tutorial sul pop-up con i CSS..

Per far sì che si apra una volta al giorno, potresti realizzare un ciclo javascript.
Supponiamo che tu voglia che si apra alle 12
Codice:
<script language="Javascript" type="text/javascript">
ora = new Date
if (ora.getHours() = 12) {
document.banner.style.display='block';
document.chiudi.style.display='block';
}
else {
document.banner.style.display='none';
document.chiudi.style.display='none';
}
</script>
Devi aggiungerlo tra i TAGs HEAD...
Poi setti entrambi i DIV a DISPLAY=none...(lo fai aggiungendo style="display:none" nei tags dei div)

Dovrebbe funzionare... è comunque solo una bozza...

Ti ringrazioe ti faccio i complimenti per il tuo progetto però ti chiedo ancora un favore:
io vorrei che non si aprisse alle ore 12 ma una sola volta al giorno (quando il navigatore si collega al mio sito la prima volta e poi quando magari ritorna nella pagina il pop-up non si riapre).

Grazie mille :fonzie:
 

Discussioni simili