Fazer com que este popup seja executado ao carregar a página

  • Autor Autor Carlos G.
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
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
Inserir CODE, HTML ou 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
Inserir CODE, HTML ou 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 o anexo popup.rar
 
Última edição:
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
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.
 
Voltar
Topo