creare popunder al click sulla pagina

tony33

Nuovo Utente
13 Feb 2013
8
0
0
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

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
puoi provare con il web storage ma non conosco bene i pro e i contro dai un occhiata qui
HTML:
<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

Nuovo Utente
13 Feb 2013
8
0
0
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"...
 
Ultima modifica:

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
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
Codice:
div#contenitore {
    overflow:hidden;
}
e dargli width:100% se vuoi che prenda in lunghezza tutta la pagina
 

tony33

Nuovo Utente
13 Feb 2013
8
0
0
Width non vale per la larghezza? Comunque al posto di #contenitore cosa devo mettere?
 

tony33

Nuovo Utente
13 Feb 2013
8
0
0
Ho provato così

Codice:
<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
 
Ultima modifica:

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
funziona, ma se non metti del contenuto dentro il div principale non si puo estendere in lunghezza
HTML:
<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

Nuovo Utente
13 Feb 2013
8
0
0
il contenuto lo metto al posto dei
Codice:
<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

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
lo dovrai ripetere in ogni pagina
ogni pagina avrà un popup diverso?
al massimo camibi il nome in ogni pagina
Codice:
sessionStorage.popupHome = true;
 

tony33

Nuovo Utente
13 Feb 2013
8
0
0
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?
 
Discussioni simili
Autore Titolo Forum Risposte Data
E Creare un testo trasparente dietro un div HTML e CSS 5
M Creare traccia di download file sul server HTML e CSS 2
A Cerco programmatore/sviluppatore per creare forum Offerte e Richieste di Lavoro e/o Collaborazione 2
L Creare ancore interne alla pagina PHP 1
I Creare un banner temporaneo JavaScript Javascript 0
C Creare Tabella Dati Meteo prelevandoli da dei Tags in un altro foglio PHP 27
simgia Cordova errore quando cerco di emulare o creare la app Sviluppo app per Android 2
U PHP creare un file excel dopo ricerca nel DB PHP 0
A Creare un cronometro PHP 5
G [PHP] Creare script di prenotazione con controllo disponibilità. PHP 7
F Creare elementi html con javascript Javascript 3
Shyson Modificare codice e creare link PHP 0
Cosina Creare bottone delete in form upload PHP 5
Cosina Creare bottone delete in form upload PHP 1
M Creare un campo input select quantità di un numero intero prelevato dal db PHP 3
L Creare una forma geometrica Photoshop 1
M [Cerco] aiutanti per creare sito Offerte e Richieste di Lavoro e/o Collaborazione 8
S Libreria PHP per creare file dwg o dxf PHP 0
R Come creare sistema Add to homescreen PHP 3
L Creare un countdown con giorno specifico della settimana PHP 3
W Creare link di una dato Classic ASP 0
W creare file .jar Java 2
M Creare con il Vb 2010 Il Classico Notes di Windows Vista Visual Basic 1
MarcoGrazia Creare una password Snippet Javascript 0
J creare pagina php di prenotazione PHP 5
A Creare un modulo di ricerca avanzata con dreamweaver HTML e CSS 0
INTEROPERABILITY Sviluppatrice/formatrice creare APP Offerte e Richieste di Lavoro e/o Collaborazione 0
L Creare una pagina pre-home WordPress 1
G Creare side-bar non visibile da dispositivi mobile HTML e CSS 0
L creare oggetti da una classe tramite un form Javascript 0
Web93 CREARE SITO WEB COMICS CON WORDPRESS WordPress 0
maxnegri Contare sessioni aperte e creare condizione PHP 1
A Come creare pulsante donazione PayPal HTML e CSS 5
L [CERCO] Creare blog su WordPress con tema Divi Offerte e Richieste di Lavoro e/o Collaborazione 3
F Creare un set di date a seconda del frazionamento scelto da inserire in MySQL PHP 6
R [Photoshop] Creare Azione Photoshop 1
F [PHP] creare tabella e tasto cerca PHP 3
A Creare con Javascript un percorso all'interno di uno spazio Javascript 0
B [PHP] Creare PDF dopo inserimento dati form PHP 4
A [HTML] Creare sito web per eLearnig HTML e CSS 2
R Bootstrap 4 - creare una finestra di testo responsive sopra un Carousel jQuery 1
Spenalzo Creare tabelle multiple con Access via VBA MS Access 2
R [PHP] Creare sistema random PHP 3
D [PHP] Consigli su come creare form PHP 1
I Creare Qsl radioamatore con testo editabile Presentati al Forum 1
T [PHP] Creare Honeypot per form contatti PHP 10
S [PHP] Creare collegamento filtri di ricerca al database PHP 6
Z Creare VirtualHost Apache2 con PHP? Programmazione 0
max_400 [HTML] Come creare un jpg animata (non gif animata) HTML e CSS 3
A Come creare un framset Sviluppo app per Android 1

Discussioni simili