Impostare iframe che si attivi dopo X secondi

**danielepalmas88** · 10-09-2016, 11:40

Salve a tutti,

Ho una pagina con dentro una gif che dura 10 secondi.
L'idea sarebbe di impostare un iframe popup che si attivi non appena tale gif completi la sua esecuzione.
E' possibile?

In alternativa, se ciò non fosse possibile, immagino dovrei impostare un iframe che compaia dopo che il visitatore è da 10 secondi all'interno della pagina.
Dico bene?

Mi aiutereste con il codice?
Grazie in anticipo

**lucavizzi** · 10-09-2016, 18:46

Originariamente inviata da danielepalmas88

Salve a tutti,

Ho una pagina con dentro una gif che dura 10 secondi.
L'idea sarebbe di impostare un iframe popup che si attivi non appena tale gif completi la sua esecuzione.
E' possibile?

In alternativa, se ciò non fosse possibile, immagino dovrei impostare un iframe che compaia dopo che il visitatore è da 10 secondi all'interno della pagina.
Dico bene?

Mi aiutereste con il codice?
Grazie in anticipo

Non c'è modo di sapere quando una gif termina il suo ciclo, puoi impostare un timer al caricamento della pagina o, per essere maggiormente preciso, al caricamento della gif in questione.

codice:

<html>
<head>
<script>
function show_iframe(){
    setTimeout(function(){
        window.open('path_pagina_web');
    },10000); //10 secs
}
</script>
</head>
<body>
<img src="immagine.gif" alt="Alternative text" onLoad="show_iframe()">
</body>
</html>

**danielepalmas88** · 13-09-2016, 17:11

Ti ringrazio per la dritta. Però non è propriamente ciò che serve a me. In primis perché questo tipo di popup viene bloccato dai browser, e dagli adblock in particolare. In secundis perché mi serve un iframe che compaia a centro pagina. Hai presente quelli che compaiono per chiederti di registrarti alle newsletter?

Ho provato a modificare un po' il codice che mi hai fornito, ma purtroppo non funziona bene... Sicuramente sbaglio qualcosa... L'iframe compare subito anziché dopo 10 secondi... E poi ho inserito il richiamo ad iframe.php tre volte...sto facendo confusione -__-''

Ecco la mia bozza...

<script type="text/javascript">function show_iframe() { document.getElementById("newsletter1").src="iframe .php"; { setTimeout(function(){ window.open('iframe.php'); },10000); //10 secs }</script>

<p onLoad="show_iframe()"><img src="img/gadgets.gif" width="597px;" height="318px;" style="position:absolute; top:270px;left:518px; "></p><iframe id="newsletter1" style="width:600px;height:439px;position:absolute; top:460px;left:365px;" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" frameborder="0" src="iframe.php"></iframe></p>

**cavicchiandrea** · 13-09-2016, 17:16

Parte subito perché non è temporizzato essendo fuori dal setTimeout

**danielepalmas88** · 13-09-2016, 17:18

Originariamente inviata da cavicchiandrea

Parte subito perché non è temporizzato essendo fuori dal setTimeout

Potresti spiegarti meglio?

**danielepalmas88** · 13-09-2016, 18:11

<head>

<script type="text/javascript">
function show_iframe(){
setTimeout(function(){
document.getElementById("newsletter1");
},10000); //10 secs
}
</script>

</head>

<p onLoad="show_iframe()"><img src="img/gadgets.gif" width="597px;" height="318px;" style="position:absolute; top:270px;left:518px; "></p>

<iframe id="newsletter1" style="width:600px;height:439px;position:absolute; top:460px;left:365px;" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" frameborder="0" src="iframe.php"></iframe></p>

________________

Ora dovrebbe essere tutto a posto...ma continua a darmi il solito errore...continua a caricare subito l'iframe non tenendo conto del timer...

**cavicchiandrea** · 14-09-2016, 09:09

codice JavaScript da inserire nei tag <head>.....</head>

codice:

<script  type="text/javascript">
window.onload= function(){
setTimeout('document.getElementById("newsletter1").style.display="block"',100000) }</script>

codice html da inserire nei tag <body>......</body>

codice HTML:

<p><img  src="img/gadgets.gif" width="597px;" height="318px;"  style="position:absolute; top:270px;left:518px;  "></p><iframe id="newsletter1"  style="width:600px;height:439px;position:absolute; display:none; top:460px;left:365px;" marginwidth="0" marginheight="0" vspace="0"  hspace="0" allowtransparency="true" frameborder="0"  src="Iframe.php"></iframe></p>

**danielepalmas88** · 14-09-2016, 10:30

Grazie ma...non funziona neppure ora

Credo manchi qualcosa... Forse nella seconda riga:
window.onload= function(){
Function può rimanere vuota così?

Non carica l'iframe nemmeno dopo minuti di attesa...e anzi compare a centro pagina la scritta
Error establishing a database connection

**cavicchiandrea** · 14-09-2016, 11:54

Ho scritto dal iPad, manca una } alla fine che chiuda l'evento onload e metti la i piccola iframe.php

**danielepalmas88** · 14-09-2016, 12:13

Esatto, non mi ero accorto della i minuscola. L'evento era già chiuso, non è servito chiudere la parentesi graffa. Piuttosto c'era pure uno zero di troppo nel tempo, quindi i secondi da attendere erano 100 piuttosto che 10

Ora funziona tutto perfettamente.

Grazie infinite.

Discussione: Impostare iframe che si attivi dopo X secondi

Strumenti discussione

Ricerca discussione

Visualizza

Impostare iframe che si attivi dopo X secondi

Permessi di invio