Apertura popup temporizzate a pieno schermo 1920x1080px!

Horsepower · 9 Mar 2012

Hai fatto centro!!! Però...

Grazie mille!:elvis:
E' tutto a posto! O quasi...
Piccola correzione (se possibile):
-Sarebbe fattibile far partire l'array sempre dalla prima pagina 0: "StillLife.html" e poi proseguire oltre...
Perchè mi parte a volte dalla seconda pagina, a volte dalla terza, ecc...
Spero non ti innervosisca le cervella...a volte mi passa il mal di testa con Mom.nt o l'Aspir.na C, ma non con il linguaggio C sicuramente!
Grazie ancora!:mavieni:
Ecco il mio codice definitivo:
Pesca da qui per le modifiche!:

Codice:

<script type="text/javascript">     
    var i = 0;
    function ApriPopup(){ 
        // 4 è l'ultimo indice dell array'
        if(i > 4) {
            // se finito l'array ripartiamo dal primo elemento
            i = 0;
        }
        var arraypagine = new Array(
        "StillLife.html",
        "StarryNight.html",
        "PersistenceOfMemory.html",
        "TheCastleOfPyrenees.html",
	"Estratto.html");               
        
        // imposto i parametri della popup
        var parametri = 'toolbar=no,location=no,directories=no,status=no, menubar=no,scrollbars=no,resizable=no,copyhistory=yes,width=600,height=800';
        finestra = window.open(arraypagine[i],"popup",parametri);
        i++;  
        // richiamo la funzione ogni 5 secondi
        popup = setTimeout('ApriPopup()',5000);      
    }
    
    function ChiudiPopup() {
        // se la popup non è gia chiusa
        if (!finestra.closed) {
            //la chiudo
            finestra.close();
            // annullo il setTimeout
            clearTimeout(popup); 
        }
    }
    
</script>
</head>
<body>
    <input type="button" value="apri popup" onclick="ApriPopup()" />
    <input type="button" value="Chiudi popup" onclick="ChiudiPopup()" />
</body>

criric · 9 Mar 2012

Non mi viene in mente niente di piu serio

apparte aggiungere un parametro alla funzione:

Codice:

<script type="text/javascript">     
    var i = 0;
    function ApriPopup(indice){ 
        
        if(indice=="azzera") {
            i = 0;
        }
       // 3 è l'ultimo indice dell array'
        if(i > 3) {
            i = 0;
        }
        var arraypagine = new Array(
        "StillLife.html",
        "StarryNight.html",
        "StillLife.html",
        "TheCastleOfPyrenees.html");               
        
        // imposto i parametri della popup
        var parametri = 'toolbar=no,location=no,directories=no,status=no, menubar=no,scrollbars=no,resizable=no,copyhistory=yes,width=600,height=800';
        finestra = window.open(arraypagine[i],"popup",parametri);
        i++;  
        // richiamo la funzione ogni 5 secondi
        popup = setTimeout('ApriPopup("nonazzerare")',5000);      
    }
    
    function ChiudiPopup() {
        // se la popup non è gia chiusa
        if (!finestra.closed) {
            //la chiudo
            finestra.close();
            // annullo il setTimeout
            clearTimeout(popup); 
        }
    }
    
</script>
</head>
<body>
    <input type="button" value="apri popup" onclick="ApriPopup('azzera')" />
    <input type="button" value="Chiudi popup" onclick="ChiudiPopup()" />
</body>
</html>

PS: avevo modificato la larghezza della popup
Se si apre full screen come fai a vedere il pulsante stop?

Horsepower · 9 Mar 2012

Si aprono 2 popup anzichè 1 sola...

criric ha scritto:

Non mi viene in mente niente di piu serio

apparte aggiungere un parametro alla funzione:

Codice:

<script type="text/javascript">     
    var i = 0;
    function ApriPopup(indice){ 
        
        if(indice=="azzera") {
            i = 0;
        }
       // 3 è l'ultimo indice dell array'
        if(i > 3) {
            i = 0;
        }
        var arraypagine = new Array(
        "StillLife.html",
        "StarryNight.html",
        "StillLife.html",
        "TheCastleOfPyrenees.html");               
        
        // imposto i parametri della popup
        var parametri = 'toolbar=no,location=no,directories=no,status=no, menubar=no,scrollbars=no,resizable=no,copyhistory=yes,width=600,height=800';
        finestra = window.open(arraypagine[i],"popup",parametri);
        i++;  
        // richiamo la funzione ogni 5 secondi
        popup = setTimeout('ApriPopup("nonazzerare")',5000);      
    }
    
    function ChiudiPopup() {
        // se la popup non è gia chiusa
        if (!finestra.closed) {
            //la chiudo
            finestra.close();
            // annullo il setTimeout
            clearTimeout(popup); 
        }
    }
    
</script>
</head>
<body>
    <input type="button" value="apri popup" onclick="ApriPopup('azzera')" />
    <input type="button" value="Chiudi popup" onclick="ChiudiPopup()" />
</body>
</html>

1)Si aprono 2 popup...di nuovo.:dipser: Anche se finalmente parte dalla 1a pagina!
2)A proposito, mi viene il dubbio che non hai dichiarato la funzione "nonazzerare":
popup = setTimeout('ApriPopup("nonazzerare")',5000);

Forse è questo che pianta casini?
E fare una sorta di condizionale con "else if":

if(indice=="azzera") {
i = 0;
}
else if (indice=="nonazzerare"){
i = ???;
}

Dove ad "i = ???" bisognerebbe mettere un valore che faccia continuare l'array?

PS: avevo modificato la larghezza della popup
Se si apre full screen come fai a vedere il pulsante stop?

PS

er il fullscreen, non importa, va bene così: io uso l'interfaccia "Aero" di Windows7; metto in primo piano la mainpage, anzichè la popup fullscreen, e premo il pulsante di "Stop".

criric · 9 Mar 2012

2)A proposito, mi viene il dubbio che non hai dichiarato la funzione "nonazzerare":

non è una funzione, è un parametro per la funzione apriPopup(parametro);

se = a stringa "azzera" azzera se no non serve che faccia niente

1)Si aprono 2 popup...di nuovo.

posta il tuo codice

Horsepower · 9 Mar 2012

Eccoti il mio codice di 0,1,2,3,4 pagine:

Codice:

<script type="text/javascript">     
    var i = 0;
    function ApriPopup(indice){ 
        
        if(indice=="azzera") {
            i = 0;
        }
       // 4 è l'ultimo indice dell array'
        if(i > 4) {
            i = 0;
        }
        var arraypagine = new Array(
        "StillLife.html",
        "StarryNight.html",
        "PersistenceOfMemory.html",
        "TheCastleOfPyrenees.html",
        "Estratto.html");               
        
        // imposto i parametri della popup
        var parametri = 'toolbar=no,location=no,directories=no,status=no, menubar=no,scrollbars=no,resizable=no,copyhistory=yes,width=600,height=800';
        finestra = window.open(arraypagine[i],"popup",parametri);
        i++;  
        // richiamo la funzione ogni 5 secondi
        popup = setTimeout('ApriPopup("nonazzerare")',5000);      
    }
    
    function ChiudiPopup() {
        // se la popup non è gia chiusa
        if (!finestra.closed) {
            //la chiudo
            finestra.close();
            // annullo il setTimeout
            clearTimeout(popup); 
        }
    }
</script>
</head>
<body>
    <input type="button" value="apri popup" onclick="ApriPopup('azzera')" />
    <input type="button" value="Chiudi popup" onclick="ChiudiPopup()" />
</body>

criric · 9 Mar 2012

l'ho provato e a me si apre una sola popup

C'è un problema da risolvere sul tasto chiudi che va in errore se la finestra è gia chiusa

Horsepower · 9 Mar 2012

Adesso ho capito. Va benissimo così! Grazie infinite!

criric ha scritto:
l'ho provato e a me si apre una sola popup

C'è un problema da risolvere sul tasto chiudi che va in errore se la finestra è gia chiusa

Va bene, dài, è sufficiente. Va benissimo così! Grazie infinite!:beer:

Se ce la fai ancora, avrei un ultimo problema, solo sulla pagina "Estratto.html", che sempre quelli di www.HT.L.it non mi hanno per niente risolto!:hammer:
Ti posto la situazione attuale della pagina, che purtroppo parte subito con lo scroll:
http://www.cavallodario.it/3dc01/Unity_Fullscreen/Estratto.html

-Io vorrei aggiungere semplicemente un ritardo allo scroll del div della pagina, di tot secondi, con "setTimeout", di modo che:
- all'inizio stia ferma per tot secondi, e poi parta lo scroll
- alla fine dello scroll, si fermi per tot secondi, dopo tot pixels di scroll verticale (dove c'è il LOGO 3DC multimedia Productions)
Questo, tutte le volte che riprende a ripartire, dal basso verso l'alto, ciclando come ora (perchè ora cicla).

-Ma come al solito non so, nè come formulare la funzione, nè dove metterla!
Illuminami!

Codice di pagina "Estratto.html" :

Codice:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Estratto</title>

<style type="text/css">
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFF;
	background-color: #000;
	padding-top: 10px;
	padding-right: 50px;
	padding-bottom: 10px;
	padding-left: 50px;
}
</style>

<SCRIPT LANGUAGE="JavaScript">
var scr;
var dy=0;
function scrolla(target) {
var sd = document.getElementById(target);
var ch = sd.clientHeight / 1;
window.status = "dy="+dy + ", style.top=" + sd.style.top;
dy=dy-1;
if (dy <-ch) dy = -2;
sd.style.top = ""+dy+"px";
//alert(sd.style.top);
//window.status="...";

}
function avviaScroll(target) {	
var sd = document.getElementById(target);
sd.style.display = "block";
sd.style.position= "relative";
sd.style.top = "0px";
scr = window.setInterval("scrolla('" + target + "')",50);
}

function fermaScroll() {
window.clearInterval(scr);
scr = -1;
}
window.onload = function(){
	setTimeout("avviaScroll('scrollDiv')",5000);
}
</SCRIPT>
</head>

<body scroll="no"> 
<div class="parentDiv">
<div id="scrollDiv" style="position: relative; top:1080px;" class="scrollDiv"
onMouseOver="fermaScroll(this.id)" onMouseOut="avviaScroll(this.id)">

<!--testo immesso...-->

</div>
</div>

<script>
window.onload = function() {avviaScroll("scrollDiv");};
</script>
</body>

Quelli di www.HT.L.it, mi hanno detto di togliere questo codice, (del "scrollDiv"), all'inizio del <body> ...:

Codice:

onMouseOver="fermaScroll(this.id)" onMouseOut="avviaScroll(this.id)">

...e sostituirlo, aggiungendo questo Script nell'<head>:

Codice:

function inizializzaScroll(idElemento){
  avviaScroll(idElemento);
  document.getElementById(idElemento).onmouseover=function(){avviaScroll(this.id)}
  document.getElementById(idElemento).onmouseout=fermaScroll
}

window.onload=function(){setTimeout(function() {inizializzaScroll("scrollDiv");},5000)}

Ma naturalmente non funziona, e non l'ho immesso!!!:incazz2:
-Come posso fare, per ritardare lo scroll?:book:

criric · 10 Mar 2012

Ciao, ho cercato di capire lo script che hai postato ma niente da fare

tra l'altro con explore non funziona

allora ho provato a riscriverlo a modo mio

Codice:

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Estratto</title>

    <style type="text/css">
        body {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 24px;
            color: #FFF;
            background-color: #000;
            padding-top: 10px;
            padding-right: 50px;
            padding-bottom: 10px;
            padding-left: 50px;
        }
    </style>
    <script type="text/javascript">        
        var i=0;
        
        function scrolla() { 
            // annulli l'inizio'
            clearTimeout(init);
            i++;
            // sbirciata qui http://max400.forumfree.it/?t=55853207
            window.scrollTo(0,i);
            
            // richiamo della funzione
            scrollo = setTimeout('scrolla()',50);            
            // qui puoi calcolare il limite dove vuoi che si fermi
            if(i == 400) {
                clearTimeout(scrollo); 
                // azzeri l'incremento'
                i=0;
                // aspetti e riparti
                init = setTimeout('scrolla()',5000);
            }
            
        }
        
        function inizia() {  
            // partenza
            init = setTimeout('scrolla()',5000);
        }
        
    </script>

</head>
<!-- all'avvio del body-->
<body onload="inizia()"> 
    <div class="parentDiv">
        <div id="scrollDiv" class="scrollDiv">
            testo immesso...<br/>
            testo immesso...<br/>
            testo immesso...<br/>
            testo immesso...<br/>
            testo immesso...<br/>
            testo immesso...<br/>
            testo immesso...<br/>
            testo immesso...<br/>
            testo immesso...<br/>
            testo immesso...<br/>
            testo immesso...<br/>
            testo immesso...<br/>
            testo immesso...<br/>
            testo immesso...<br/>
            testo immesso...<br/>
            testo immesso...<br/>
            testo immesso...<br/>
            testo immesso...<br/>
            testo immesso...<br/>
            testo immesso...<br/>
            testo immesso...<br/>
            testo immesso...<br/>
            testo immesso...<br/>
            testo immesso...<br/>
            testo immesso...<br/>
            testo immesso...<br/>
            testo immesso...<br/>
            testo immesso...<br/>
            testo immesso...<br/>
            testo immesso...<br/>
            testo immesso...<br/>
            testo immesso...<br/>
            testo immesso...<br/>
            testo immesso...<br/>
            testo immesso...<br/>
            testo immesso...<br/>
            testo immesso...<br/>
            testo immesso...<br/>
            testo immesso...<br/>
            testo immesso...<br/>
            testo immesso...<br/>
            testo immesso...<br/>
            testo immesso...<br/>

        </div>
    </div>  

</body>

dovrai aggiunger le funzioni per fermarlo e farlo ripartire

la mia idea piu o meno è cosi

buon lavoro

PS Mi sa che andrebbe riaperta un altra discussione

Horsepower · 10 Mar 2012

Finalmente! Adesso funziona il ritardo dello scroll! Ma come fare per fermarlo?

Finalmente adesso funziona!:elvis:
Ma come fare per fermare, (alla fine del testo), lo scroll, dopo tot secondi (o dopo tot pixels di scroll) ???

Codice:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Estratto</title>

<style type="text/css">
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFF;
	background-color: #000;
	padding-top: 10px;
	padding-right: 50px;
	padding-bottom: 10px;
	padding-left: 50px;
}
</style>

<SCRIPT LANGUAGE="JavaScript">
var scr;
var dy=0;
function scrolla(target) {
var sd = document.getElementById(target);
var ch = sd.clientHeight / 1;
window.status = "dy="+dy + ", style.top=" + sd.style.top;
dy=dy-1;
if (dy <-ch) dy = -2;
sd.style.top = ""+dy+"px";
//alert(sd.style.top);
//window.status="...";

}
function avviaScroll(target) {	
var sd = document.getElementById(target);
sd.style.display = "block";
sd.style.position= "relative";
sd.style.top = "0px";
scr = window.setInterval("scrolla('" + target + "')",50);
}

function fermaScroll() {
window.clearInterval(scr);
scr = -1;
}
//START Scroll Delay
function inizializzaScroll(idElemento){
  avviaScroll(idElemento);
  document.getElementById(idElemento).onmouseout=function(){avviaScroll(this.id)}
  document.getElementById(idElemento).onmouseover=fermaScroll
}

window.onload=function(){setTimeout(function() {inizializzaScroll("scrollDiv");},5000)}
//END Scroll Delay
</SCRIPT>

</head>
<body scroll="no">
<div class="parentDiv">
<div id="scrollDiv" style="position: relative; top:0px;" class="scrollDiv">

<!--testo di pagina-->

</div>
</div>

</body>

Autore	Titolo	Forum	Risposte	Data
S	Apertura popup da form che non si può toccare	Javascript	1	30 Giu 2009
L	popup che cambiano all'apertura di una pagina	Webdesign e Grafica	0	21 Nov 2008
G	Primo popup che si chiude all'apertura del secondo	Javascript	1	8 Nov 2008
D	Apertura popup	Javascript	1	30 Ott 2008
F	Apertura popup [era: Aiutino]	HTML e CSS	1	3 Set 2006
K	Apertura popup indesiderata [era:aiuto urgente]	HTML e CSS	7	6 Lug 2006
B	popup centrale all'apertura della pagina	HTML e CSS	1	2 Ago 2004
R	Messaggio apertura sito	WordPress	4	3 Nov 2023
M	Unire 2 funzioni per l'invio di un form e con l'apertura di un div	Javascript	0	11 Dic 2021
S	Apertura in una nuova pagina	PHP	6	11 Dic 2020
G	Problema con eccessiva nitidezza apertura Camera Raw	Photoshop	0	7 Giu 2020
S	[MS Access] Apertura Maschera su nuov record in base a determinato ID	MS Access	0	28 Mar 2019
S	[MS Access] Apertura maschera	MS Access	3	20 Mar 2019
E	Caricare dati da DB MySql all'apertura pagina, meglio PHP o Javascript?	PHP	1	18 Feb 2019
	[MS Access] Apertura recordset	MS Access	1	2 Feb 2019
D	[Java] far partire JProgressBar all'apertura di un JFrame	Java	1	9 Gen 2019
T	[HTML] video in apertura sito. su pc ok, su smartphone KO	HTML e CSS	0	12 Set 2018
M	[HTML] Apertura Pagina	HTML e CSS	14	5 Ago 2018
	[MS Access] apertura maschera su record specifico	MS Access	6	14 Mar 2018
G	[HTML] Apertura PDF	HTML e CSS	8	3 Nov 2017
P	Sistema per identificare utente se proviene da apertura app android	Sviluppo app per Android	3	2 Ott 2017
A	[Javascript] [HTML] RISOLTO...Allungare un box all'apertura della pagina No Mouse over	Javascript	9	13 Set 2017
	orari apertura e chiusura	Javascript	4	8 Set 2016
F	Apertura tendina onclick	jQuery	1	18 Mag 2016
M	colorare il tasto del menu all'apertura del div	HTML e CSS	19	22 Gen 2016
G	Apertura file doc da php	PHP	2	10 Dic 2015
M	Problema con ciclo foreach per chiusura apertura div in base al numero di record in database	PHP	1	21 Nov 2015
	File danneggiati Errore durante l'apertura AI file	Webdesign e Grafica	3	19 Set 2015
S	Far partire in automatico una slide all'apertura della pagina	Javascript	0	18 Set 2015
F	Apertura pagina web esterna dentro un frame di un altra pagina	HTML e CSS	3	9 Ago 2015
A	MSProject - errore di apertura file XML esportato	Windows e Software	1	19 Lug 2015
S	apertura file html da sd in chrome	Sviluppo app per Android	5	16 Mar 2015
T	Ritardare apertura finestra con Javascript	Javascript	4	13 Mar 2015
T	Apertura pagina a centro dello schermo e con dimensioni fisse	Classic ASP	1	5 Mar 2015
C	apertura sito e diritti di autore	Discussioni Varie	4	19 Nov 2014
T	Apertura di un foglio Excel da Access	MS Access	2	17 Nov 2014
	Lentezza all'apertura e al caricamento della pagina, anche in backend	WordPress	1	10 Nov 2014
J	Consiglio apertura sito	Leggi, Normative e Fisco	0	7 Ott 2014
C	Problema apertura slide nella hompage	HTML e CSS	0	2 Ott 2014
K	passaggio dati e apertura di altra pagina.	Ajax	4	10 Apr 2014
A	Apertura finestra modale al submit	Ajax	0	3 Apr 2014
K	Aprire sub(o form) in automatico all'apertura del Database	MS Access	1	20 Mar 2014
C	consiglio apertura sito web	Discussioni Varie	12	29 Gen 2014
P	Alert ad apertura di pagina?	Javascript	2	23 Gen 2014
M	Problema apertura link	jQuery	18	8 Gen 2014
R	Apertura porte con rete UMTS	Reti LAN e Wireless	3	2 Gen 2014
	Apertura automatica della descrizione del prodotto?	HTML e CSS	0	21 Dic 2013
P	apertura pagina web con iis	HTML e CSS	2	29 Nov 2013
P	Codice PHP per discriminare apertura link...	PHP	2	10 Ott 2013
Z	Apertura pagina mediante PHP	PHP	2	4 Giu 2013

Cerca

Cerca

Apertura popup temporizzate a pieno schermo 1920x1080px!

Horsepower

Nuovo Utente

criric

Super Moderatore

Horsepower

Nuovo Utente

criric

Super Moderatore

Horsepower

Nuovo Utente

criric

Super Moderatore

Horsepower

Nuovo Utente

criric

Super Moderatore

Horsepower

Nuovo Utente

Discussioni simili