Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

aureo2006

Janela modal no estilo lightbox YUI com jquery ou prototype

Recommended Posts

Eu testei a abertura de uma janela modal com a biblioteca javascript do YAHOO (Yahoo! User Interface Library.), e percebi uma coisa: as janelas modais não fecham ao clicar-se fora da área em que está o objeto que elas apresentam, seja uma página ou imagem. É necessário clicar em uma opção de fechar...Eu tentei fazer isso com o plugin do jquery, o Lightbox, e do prototype, Lightview, e não consegui.

Tem como fazer este efeito, ou seja, forçar que se clique intencionalmente um comando para fechar a janela, ao molde da biblioteca YUI, com o lightview e lightbox? Ou então noutro plugin de um desses frameworks? Procurei e não achei algum desses que pudesse fazer isso...

Compartilhar este post


Link para o post
Compartilhar em outros sites

na verdade o click fora, você estará clicando na div do overlay (caso exista), ou no document;

 

O conceito é relativamente simples. Basta você adicionar um evento no overlay ou no document após a abertura da janela modal.

 

ex (ilustrativo):

 

Elem.get('myid').event('click',function(){
 New JanelaModal({
  onShow: function() {
	Elem.get('mydivmodal_id').event('click',function(){
	 JanelaModal.remove();
	})
  }
 });
});

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.