• A
    User Attivo •

    Popup automatico con i CSS

    Ciao a tutti.

    Voglio inserire un popup automatico nella home del mio sito.
    Ho trovato quello che fa per me ma non riesco a far funzionare il pulsante di chiusura.

    Il codice è questo:

    <div id="chiudi" align="right">
<a href="#" onclick="banner.style.display='none';
chiudi.style.display='none'"><strong>X</strong></a>
</div>
```Dove sto sbagliando?

Quando ci clicco sopra, non succede niente.

Grazie:ciauz:
    0
  • V
    User •

    Non si tratta di css. Comunque se stabilisci display none, vuol dire che non vuoi far vedere e infatti non si vede ... Ma non ho capito cosa vuoi fare esattamente. Vuoi forse far apparire un popup che poi puo' essere chiuso facendo clic sulla X ?

    0
  • A
    User Attivo •

    Esatto.
    Ho scritto che è un popup css perchè la struttura è realizzata interamente con i css e viene richiamata con il seguente codice dalla mia homepage:

    <div id="banner">
<a href="xxx.sito.it" target="_blank"><img src="immagine.png"  border="0" alt="Clicca qui" /></a>
</div>
```Il popup appare ma con il codice scritto in precedenza non riesco a chiuderlo quando clicco sulla x.

dove sto sbagliando? Se vuoi ti posto anche il link al sito da dove ho preso il codice.

Ho optato per questo tipo di popup perchè non viene bloccato dai browser ;)
    0
  • A
    User Attivo •

    Nessuno che mi sappia risolvere il problema o che mi indichi un metodo per inserire un popup pubblicitario che non venga riconosciuto e bloccato dai browser??

    Grazie

    0
  • J
    User Attivo •

    rispolvero questo post perhé mi sembra interessante...

    io uso un codice molto semplice del tipo:

    
<html>
<head>
<script>
function chiudi(id){
    window.document.getElementById(id).style.display="none";
}
</script>
</head>
<body>
<div id="adv">
<p>questo è il testo della popup. Ci puoi mettere qualsiasi cosa e devi usare i css per darle l'aspetto di una popup</p>
<p><a href="#" onclick="javascript: chiudi('adv');">chiudi</a></p>
</div>
</body>
</html>

    Naturalmente è molto grezzo... ma con un po' di css si ottiene un buon effetto.

    0
Effettua l'accesso per rispondere