jqModal - Duas janelas em uma mesma página

380 views
Skip to first unread message

Max

unread,
Mar 27, 2012, 8:26:13 AM3/27/12
to jQuery (Brasil)
Alguém sabe como utilizar duas janelas modal na mesma página? Exemplo:

//Link que chama a janela, funciona se tiver somente uma janela
<a href="#" class="jqModal"> abrir dialog1</a>



<!-- inicio janela 1-->
<div class="jqmWindow" id="dialog1">

<a href="#" id="fechaJanela1" class="jqmClose">Close</a>

Teste form

</div>
<!-- fim janela 1-->

<!-- inicio janela 2-->
<div class="jqmWindow" id="dialog2">

<a href="#" id="fechaJanela2" class="jqmClose">Close</a>

Teste form

</div>
<!-- fim janela 2-->

Pelo que entendi, a relação do link que abre a janela é somente a
classe class="jqModal", se eu colocar outro link não tem como dizer
qual janela abrir...

Existe outra forma de utilizar duas janelas em uma mesma página?

Max

unread,
Mar 27, 2012, 3:52:55 PM3/27/12
to jQuery (Brasil)
Pessoal, para ficar mais fácil de entender coloquei o código que estou
usando aqui:

http://jsbin.com/efepal/3/edit

Preciso utilizar duas janelas modais em uma mesma página, porem,
utilizando os exemplos que encontrei só consegui fazer funcionar uma
por página..

Se coloco duas, quando clico no link as duas janelas abrem de uma
vez...

Se alguém puder da uma força fico grato!

Leonardo Rodrigues

unread,
Mar 27, 2012, 4:49:03 PM3/27/12
to jque...@googlegroups.com
http://jsbin.com/azatak/3/edit#source 




--
Leonardo Rodrigues da Silva
WebDeveloper

http://www.leo.voudeargohost.net/
http://about.me/leo07vasp
http://www.linkedin.com/profile/view?id=104259451
http://www.facebook.com/leo07vasp
http://www.twitter.com/leo07vasp

Mauricio Almeida Machado

unread,
Mar 28, 2012, 8:31:20 AM3/28/12
to jque...@googlegroups.com
seria isso que voce queria?

Mauricio A. Machado

PGS - Medical Statistics
PHP Developer 

Max

unread,
Mar 28, 2012, 7:54:20 AM3/28/12
to jQuery (Brasil)
Ola Leonardo, melhorou, agora pelo menos não abre as duas.

Ambos os links abre apenas 1 janela....



On 27 mar, 17:49, Leonardo Rodrigues <leo07v...@gmail.com> wrote:
> http://jsbin.com/azatak/3/edit#source
>
> >https://docs.google.com/document/d/1VfvTDmeHTSj-L5ouZJjQQ4OkjTCU1Hr2X...
Message has been deleted

Leonardo Rodrigues

unread,
Mar 28, 2012, 8:46:10 AM3/28/12
to jque...@googlegroups.com
veja agora
http://jsfiddle.net/leo07vasp/GdLms/ 

Em 28 de março de 2012 09:15, Max <max...@gmail.com> escreveu:
Ola Leonardo, Já melhorou bastante, agora não abre as duas de uma só
vez.

Porem, ambos os links abrem a mesma janela...


On 27 mar, 17:49, Leonardo Rodrigues <leo07v...@gmail.com> wrote:

>
> > USE O JSBIN.COM / JSFIDDLE.NET  PARA CÓDIGOS.
>
> > Email: jque...@googlegroups.com
> > Biba:   jquery-br+...@googlegroups.com
> > Site:    http://groups.google.com/group/jquery-br?hl=pt-BR
>
> --
> Leonardo Rodrigues da Silva
> WebDeveloper
>

Max

unread,
Mar 28, 2012, 8:57:27 AM3/28/12
to jQuery (Brasil)
Blza...é isso mesmo...Muito obrigado!

Mas só mais uma duvida, onde se configura para ambas as janelas
abrirem centralizadas na tela? Pois uma abre mais a direita e outra
mais a esquerda.



On 28 mar, 09:46, Leonardo Rodrigues <leo07v...@gmail.com> wrote:
> veja agorahttp://jsfiddle.net/leo07vasp/GdLms/
> >http://www.leo.voudeargohost.net/http://about.me/leo07vasphttp://www....

Leonardo Rodrigues

unread,
Mar 28, 2012, 9:11:01 AM3/28/12
to jque...@googlegroups.com
só css



--
Leonardo Rodrigues da Silva
WebDeveloper

Message has been deleted

Max

unread,
Mar 28, 2012, 11:57:16 AM3/28/12
to jQuery (Brasil)
Leonardo, aproveitando o tópico, tenho outra duvida relacionada a
essas janelas (jqModal), a ideia é que ela fique oculta e só apareça
quando clicado no link.

Estou testando aqui e percebi que dependendo da velocidade da conexão
as vezes ela demora um pouco para ser escondida, ou seja, a página é
carregada e é exibido o conteúdo das janelas, para esconder tenho que
pressionar ctrl + f5. Depois disso, tudo funciona normalmente, não
aparece mais...

Tem alguma técnica para não permitir que as janelas apareçam quando a
página é carregada na primeira vez?



On 28 mar, 10:11, Leonardo Rodrigues <leo07v...@gmail.com> wrote:
> só csshttp://jsfiddle.net/leo07vasp/GdLms/1/

Leonardo Rodrigues

unread,
Mar 28, 2012, 12:34:01 PM3/28/12
to jque...@googlegroups.com
tente colocar o display:none inline acho que é a unica forma diferente pq acho que por padrão ele esconde só via css default mesmo, acho que nao vai adiantar muito, mais nao custa tentar! 
aqui no consigo visualizar elas antes não.
vc tem um link do conteudo ai pra testes?




--
Leonardo Rodrigues da Silva
WebDeveloper

Artur Felipe Sousa

unread,
Mar 28, 2012, 1:41:47 PM3/28/12
to jque...@googlegroups.com
Dependo da quantidade de código js que vc linka e também da velocidade da rede código que renderiza a modal sofre um dalay para ser executado por isso as vezes você vê a modal no inicío do carregamento da página.

Assim como o Leonardo falou utilize o css para esconder o elemento já que o css eh carregado primeiramente e portanto mais rápido que o restante do seu código.

Como eu uso bastante modals em minhas aplicações eu defino na própria classe css:

.modals {
     display: none;
     ...
}

[]s

> > > > > > Site:    http://groups.google.com/group/jquery-br?hl=pt-BR
>
> > > > > --
> > > > > Leonardo Rodrigues da Silva
> > > > > WebDeveloper
>
> > > >http://www.leo.voudeargohost.net/http://about.me/leo07vasphttp://www..
> > ..
>
> > > > --
> > > > Grupo de jQuery Brasil.
>
> > > > REGRAS:
> > > >https://docs.google.com/document/d/1VfvTDmeHTSj-L5ouZJjQQ4OkjTCU1Hr2X.
> > ..
>
> > > > USE O JSBIN.COM / JSFIDDLE.NET  PARA CÓDIGOS.
>
> > > > Email: jque...@googlegroups.com

> > > > Site:    http://groups.google.com/group/jquery-br?hl=pt-BR
>
> > > --
> > > Leonardo Rodrigues da Silva
> > > WebDeveloper
>
> >http://www.leo.voudeargohost.net/http://about.me/leo07vasphttp://www....
>
> > --
> > Grupo de jQuery Brasil.
>
> > REGRAS:
> >https://docs.google.com/document/d/1VfvTDmeHTSj-L5ouZJjQQ4OkjTCU1Hr2X...
>
> > USE O JSBIN.COM / JSFIDDLE.NET  PARA CÓDIGOS.
>
> > Email: jque...@googlegroups.com

Bruno Gonçalves

unread,
Sep 26, 2013, 4:50:25 PM9/26/13
to jque...@googlegroups.com
galera to com um probleminha, tipo preciso criar um sistema de modal e nao sei por onde comecar.

tipo preciso abrir uma modal, mas ao mesmo tempo com essa modal aberta se necessarioabrir outra modal, eu arastar essa modalpara o canto e clicar em um link na pagina e abrir outra modal. isso seria possivel. abrir varias modais conforme a necessidade?
Reply all
Reply to author
Forward
0 new messages