[SOLUCIONADO] Retrasar aparición de Pop-up

[durdi]

Hola a todos,

Poco a poco voy aprendiendo por mi cuenta html, php, javascript, .... pero hay cosas que aun no se como hacerlas.
Vereis, tengo una web en la que quiero retrasar la aparición de un pop-up que aparece tras ingresar en la web (index). Es para pedir una suscripción a la Newsletter.
Ya lo tengo realizado, pero el siguiente paso es querer retrasar su aparición digamos unos 5 segundos y no se como implementarlo. He leído algo de la función "Settimeout", pero como decía no se implementarla.

Me podríais echar una mano?


Gracias

[PHPeros]

Esto va en el foro Javascript

Efectivamente, debes utilizar setTimeout para hacer el delay:

Código Javascript:

window.setTimeout(function(){
   // Mostrar el pop-up
}, 5000);
 

Nota: el tiempo debe estar en milisegundos

[durdi]

Hola,

el tema de javascript me cuesta todavia.

Tengo este codigo:

Código HTML:

<script type="text/javascript">
jQuery(document).ready(function() {
	$.fancybox('{/literal}{if isset($msg) && $msg}<h1 class="{if $nw_error}warning_inline{else}success_inline{/if}">{$msg}</h1>{else}{$content|strip|escape:'javascript'}<br/><a href="?dontshowhmw=yes">{l s=' Dont Show This Again ' mod='homemodalwindow'}</a>{/if}{literal}',
		{
			'width'			    : 650,
			'height'		    : 400,
			'autoScale'  		: true,
			'scrolling'  		: 'no'
		});
});
</script> 

¿Como deberia ser?

window.setTimeout("fancybox()",5000);


y disculpa mi ignorancia. aun estoy un poco verde.


PD: Esto realmente procede de un modulo de prestashop


Gracias de nuevo

[PHPeros]

Sería cuestión de meter todo código que abre el popup dentro de donde señalé.

[durdi]

si escribo esto:

Código HTML:

<script type="text/javascript">
jQuery(document).ready(function() {
	$.fancybox('{/literal}{if isset($msg) && $msg}<h1 class="{if $nw_error}warning_inline{else}success_inline{/if}">{$msg}</h1>{else}{$content|strip|escape:'javascript'}<br/><a href="?dontshowhmw=yes">{l s=' Dont Show This Again ' mod='homemodalwindow'}</a>{/if}{literal}',
		{
			'width'			    : 650,
			'height'		    : 400,
			'autoScale'  		: true,
			'scrolling'  		: 'no'
		});
		window.setTimeout("$.fancybox(document)",8000);
});
</script> 

lo que consigo es que se me cierre a los 8 segundos

[durdi]

AHORA SI

Código HTML:

<script type="text/javascript">
jQuery(document).ready(function() {
	window.setTimeout(function(){$.fancybox('{/literal}{if isset($msg) && $msg}<h1 class="{if $nw_error}warning_inline{else}success_inline{/if}">{$msg}</h1>{else}{$content|strip|escape:'javascript'}<br/><a href="?dontshowhmw=yes">{l s=' Dont Show This Again ' mod='homemodalwindow'}</a>{/if}{literal}',
		{
			'width'			    : 650,
			'height'		    : 400,
			'autoScale'  		: true,
			'scrolling'  		: 'no'
		});},5000);
});
</script> 

Muchísimas gracias

[durdi]

Ya para rizar el rizo.....
Aunque cierre el pop-up en la cruceta, si me pongo a navegar por la web y vuelvo al home, me vuelve a saltar el pop-up.

[PHPeros]

Eso lo puedes hacer dejando una cookie al usuario (visto=true), y comprobarla con JavaScript cada vez que se accede al sitio, de esta forma sabes si el usuario accedió anteriormente.

PD: También puedes mirarte localStorage