Hacer que este popup se ejecute al cargar la pagina

  • Autor Autor Carlos G.
  • Fecha de inicio Fecha de inicio
Carlos G.

Carlos G.

Gamma
Verificación en dos pasos activada
Hola amigos, hoy he estado tratando de modificar un popup en el cual quiero poner un botón social, el caso es que no se mucho de js y no logro hacer que se ejecute al entrar en el sitio y no al presionar un botón como es originalmente :grumpy: Si alguien por favor puede ayudarme le estaría muy agradecido.

Original: https://codyhouse.co/demo/simple-confirmation-popup/index.html

JavaScript
Insertar CODE, HTML o PHP:
jQuery(document).ready(function($){
	//open popup
	$('.cd-popup-trigger').on('click', function(event){
		event.preventDefault();
		$('.cd-popup').addClass('is-visible');
	});
	
	//close popup
	$('.cd-popup').on('click', function(event){
		if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup') ) {
			event.preventDefault();
			$(this).removeClass('is-visible');
		}
	});
	//close popup when clicking the esc keyboard button
	$(document).keyup(function(event){
    	if(event.which=='27'){
    		$('.cd-popup').removeClass('is-visible');
	    }
    });
});

Html
Insertar CODE, HTML o PHP:
<a href="#0" class="cd-popup-trigger">View Pop-up</a>

<div class="cd-popup" role="alert">
	<div class="cd-popup-container">
	<p>contenido del popup</p>
	<a href="#0" class="cd-popup-close img-replace">Close</a>
	</div>
</div>

Adjunto los archivos completos.
Saludos.

Ver el archivo adjunto popup.rar
 
Última edición:
El codigo javascript debería quedar asi:

HTML:
jQuery(document).ready(function($){
	//open popup
        $('.cd-popup').addClass('is-visible');
	
	//close popup
	$('.cd-popup').on('click', function(event){
		if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup') ) {
			event.preventDefault();
			$(this).removeClass('is-visible');
		}
	});
	//close popup when clicking the esc keyboard button
	$(document).keyup(function(event){
    	if(event.which=='27'){
    		$('.cd-popup').removeClass('is-visible');
	    }
    });
});
 
El codigo javascript debería quedar asi:

HTML:
jQuery(document).ready(function($){
	//open popup
        $('.cd-popup').addClass('is-visible');
	
	//close popup
	$('.cd-popup').on('click', function(event){
		if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup') ) {
			event.preventDefault();
			$(this).removeClass('is-visible');
		}
	});
	//close popup when clicking the esc keyboard button
	$(document).keyup(function(event){
    	if(event.which=='27'){
    		$('.cd-popup').removeClass('is-visible');
	    }
    });
});
[MENTION=148392]XxMarkxX[/MENTION], quedo justo como quería ahora puedo avanzar, muchas gracias por la ayuda! 😛8:
Saludos.
 
Atrás
Arriba