Janela pup up com bloqueio da janela pai

[dataset 0]

Pessoal... me desculpem se já tem algo sobre isso, mas não achei na net e também nos foruns.

 

Acesse esse site: http://www.istockphoto.com/

 

No canto superior direito tem assim: Sign Up => Clica sobre esse link.

 

 

Uma janela vai abrir, feita em Javascript e CSS eu acho... impedindo a janela pai de ser clicada. Essa janela abre um link que não está presente na janela pai.

 

Muito bem, eu preciso disso, estou a um tempo tentando achar e não consigo. Por enquanto estou usando showModalDialog. Mas meu interesse é fazer todo o sistema usar essa teconologia.

 

Como devo fazer ?

[William Bruno 1501]

tutorial para estudo:

 

http://www.maujor.com/blog/2009/04/16/janela-modal-com-jquery/

 

estude javascript e css. Só assim você vai conseguir fazer.

[dataset 0]

Olá William...

 

Eu ja tinha visto esse site, em nenhum dos exemplos a Janela Pai é bloqueada. A grande dúvida mesmo... é como bloquear a Pai.

 

você tem aí mais algum link que eu possa ver com essa característica ?

 

Valeu.

[William Bruno 1501]

O que você quer dizer com 'bloquear a janela pai' ?

 

seria 'não fechar o overlay', ao clicar nele ?

se você precisar disso, basta adaptar o script do Maujor.

 

removendo essa instrução:

//se div#mask for clicado
$('#mask').click(function () {
$(this).hide();
$('.window').hide();
});
});

 

ela que é responsável, por fechar o modal e o overlay, ao clicar no overlay.

[dataset 0]

Bloquear a janela pai seria impedir que o usuário clique em um link ou até mesmo selecione um texto da janela pai. O meu sistema atualmente usa showModalDialog. Eu tenho planos de criar o sistema usando pop up.

 

O ideal no caso seria usar algo nesse sentido.

 

O exemplo que passei, ao clicar em Sign Up, uma janela abre, impedindo que se faça ações na janela pai, ou seja, bloqueia cliques e etc.

 

Eu gostaria de clicar num link e abrir um arquivo usando essa tecnologia de pop up.

 

Fico agradecido se puder em ajudar com um exemplo. Eu entendo de ASP mas de JavaScrip não tenho conhecimentos aprofundados.

 

Grato.

[William Bruno 1501]

Então o tutorial + a alteração que propus resolvem perfeitamente a tua situação.

[dataset 0]

É verdade... tirei o código como você mostrou e funcionou perfeitamente.

 

Deixa eu tirar mais uma duvida, se possível.

 

Em vez de abrir na pop-up um texto presente na janela pai, tem como eu abrir um arquivo na pop-up ? Por exemplo.

 

Criar um arquivo chamado teste.html e ao abrir chamar esse teste.html dentro da janela pop-up. No modelo, o texto esta dentro de uma div na janela pai.

 

Se você puder me ajudar, ficarei grato.

[William Bruno 1501]

ai você teria que fazer uma requisição ajax e trazer o conteudo desse arquivo para a janela.

 

o método $.ajax() pode te ajudar.

 

ou então usar um <iframe> ali no modal

 

por questões de simplicidade, a menos que isso seja muito necessário, eu manteria lá mesmo o código que você precisa exibir.

[dataset 0]

Então ...

 

O conteúdo do pop-up vai ser telas de cadastro feita em ASP. No sistema eu tenho varias telas pra alimentar o sistema. Por exemplo:

 

Cadastro de Parametros usados no sistema;

Cadastro de Tipos de endereço;

Cadastro de Tipos de Obras literárias;

...

 

São varias telinhas de cadastro, onde o usuário vai alimentando o sistema com informações.

 

Essas telas eu pretendo abrir em pop-up, mas não sei como chamar pra abrir dentro. Por causa dessas telas de cadastro, nao da pra deixar na janela pai.

 

você pode me ajudar com um modelinho ?

 

Ficarei muito grato.

[dataset 0]

Você sabe como abrir um arquivo por exemplo: cadastro_email.asp na janela pop up ? Ou seja.. sem que o conteúdo esteja presente na janela pai ? O exemplo que você passou mostra como abrir a pop up com o texto estando na janela pai.

 

Mas eu preciso abrir um outro arquivo, como por exemplo uma janela para cadastro de email.

 

Valeu

[William Bruno 1501]

usando ajax ou iframe, como já falei ali em cima.

 

não, não tenho nenhum 'exemplo'.

[dataset 0]

William...

 

Estou tentando fazer o código pra abrir, mas minha falta de conhecimento não ta deixando rsrs... Não consigo abrir um arquivo externo na janela, tentei fazer com <iframe> mas não consegui. Muito menos com AJAX.

 

Será que você pode me ajudar ? Eu ficaria muito agradecido.

 

Valeu.

[William Bruno 1501]

Mostre como você tentou.

 

te ajudar é diferente de fazer por você.

[dataset 0]

William... votei.

 

O teste que fiz está nesse exemplo. Gostaria que você baixasse.

http://www.solibras.com.br/rhael/sistema/modal2.zip

 

Vou tentar te explicar o problema.

 

Exemplo 1

 

Por favor, siga esses passos:

1. Após descompactar, rode o index.html;
   
2. Digite algo no input e clique em Enviar. O submit vai ser feito;
   
3. Feche o Modal (não clique em voltar);
   
4. Abra novamente o modal.
   

Veja que o arquivo inicial (pagina1.html) não é executada.

 

Exemplo 2

 

Por favor, siga esses passos:

1. Abra novamente o index.html
   
2. Clique em Abrir Janela3.html (Esse link não existe. O browser vai mostrar a tela padrão com a mensagem dizendo que não achou o arquivo)
   
3. Feche o Modal
   
4. Abra novamente o modal.
   

Da mesma forma o arquivo inicial (pagina1.html) não foi iniciado.

 

Eu preciso que toda vez que o Modal for aberto, o arquivo inicial seja executado. O que está acontecendo é que sempre é mostrado o último estado do Modal antes de fechar.

 

Se você puder me ajudar eu ficarei muito grato.

 

Tentei usar o jQuery.ajax( url, [ settings ] ) do site http://api.jquery.com/jQuery.ajax mas nao consegui. Quem sabe com AJAX isso possa ser resolvido. você pode me ensinar ?

 

Valeu