creare popunder al click sulla pagina

[tony33]

Come da titolo, sto cercando di creare un popunder che si apra quando l'utente interagisce con la pagina (clicca quindi da qualsiasi parte). Ovviamente il popunder deve aprirsi una sola volta per sessione o per ip. (per rendere l'idea, i popunder di heyos li conoscete?). Spero che qualcuno possa aiutarmi

 

[criric]

puoi provare con il web storage ma non conosco bene i pro e i contro dai un occhiata qui

<script>
    function popupopen() {        
        if(!localStorage.popup) {
            window.open("popup.html","","width=300,height=300");
            localStorage.popup = true;
        }
    }
</script>
<style>
    #sito {
        width: 1024px;
        height:800px;
        margin:auto;        
        background-color: #333;
    }
</style>
<div id="sito" onclick="popupopen()">

</div>

 

[tony33]

dunque, il funzionamento è proprio quello che cercavo (con la modifica del sessionStorage anzichè il localStorage, che non riesco a fare, riesci tu?) . C'è una piccola pecca tuttavia: funziona solo se il click avviene nell'area indicata dal codice (in questo caso hai scritto 1024x800, ma è personalizzabile); il problema è che si visualizza un quadrato enorme delle dimensioni indicate, servirebbe invece che lo script ricoprisse i pixel indicati ma senza creare "quadrati"...

 

[criric]

funziona solo se il click avviene nell'area indicata

certo, io ho dato una dimentsione e un colore al div per rendere l'dea
il div dovrà contenere l'intera pagina del sito
puoi dargli questa impostazione css per adattarlo all'intero contenuto

div#contenitore {
    overflow:hidden;
}

e dargli width:100% se vuoi che prenda in lunghezza tutta la pagina

 

[tony33]

Width non vale per la larghezza? Comunque al posto di #contenitore cosa devo mettere?

 

[tony33]

Ho provato così

<script>
    function popupopen() {        
        if(!sessionStorage.popup) {
            window.open("popup.html","","width=300,height=300");
            sessionStorage.popup = true;
        }
    }
</script>
<style>
    div#contenitore {
    overflow:hidden;
    width:100%;
    }
</style>
<div id="contenitore" onclick="popupopen()">

</div>

ma non sembra funzionare... puoi dirmi cosa manca o cosa devo aggiustare?

scusa l'ignoranza ma non so cosa mettere al posto di contenitore.. :S

 

[criric]

funziona, ma se non metti del contenuto dentro il div principale non si puo estendere in lunghezza

<script>
    function popupopen() {        
        if(!sessionStorage.popup) {
            window.open("popup.html","","width=300,height=300");
            sessionStorage.popup = true;
        }
    }
</script>
<style>
    div#contenitore {
        overflow:hidden;
        width:100%;
    }
</style>
<div id="contenitore" onclick="popupopen()">
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
</div>

 

[tony33]

il contenuto lo metto al posto dei

<br>

? però così facendo ad esempio se metto la home page, funziona solo sulla homepage? Perchè a me serve che il codice agisca su qualsiasi pagina del sito.

 

[criric]

lo dovrai ripetere in ogni pagina
ogni pagina avrà un popup diverso?
al massimo camibi il nome in ogni pagina

sessionStorage.popupHome = true;

 

[tony33]

l'ideale sarebbe se si potesse estendere "il raggio d'azione" dello script senza creare contenitori.. Cioè quel codice deve semplicemente essere operativo sull'intera pagina nella quale è posto. E' possibile?