[Resolvido] Como uma div sobre os objetos da página

[Rogerio Almeida Pereira 1]

E aí galera, tô tentando fazendo um formulário abrir, porém, sobre a tela principal (tipo quando a gente clica em uma imagem no facebook). Encontrei alguns exemplos utilizando jQuery, WebUserControl etc muito complexos. Portanto, alguém sabe o que posso utilizar para isso?

[xanburzum 169]

Olá amigo...

 

veja se dúvida é realmente sobre ASP, caso contrério podemos direcioná-los para o fórum correto

[ricardo_mc 19]

E aí galera, tô tentando fazendo um formulário abrir, porém, sobre a tela principal (tipo quando a gente clica em uma imagem no facebook). Encontrei alguns exemplos utilizando jQuery, WebUserControl etc muito complexos. Portanto, alguém sabe o que posso utilizar para isso?

 

Cara, o mais prático mesmo é usar o jQuery. Usa o FancyBox, é um dos melhores.

 

http://fancybox.net/

 

É muito simples de usar. Se você ver na página, mais para o final, tem outros exemplos, inclusive 2 que servem para o caso.

 

Você pode tanto usar o modelo do "inline - auto detect width/height" ou o "iframe - 75% width and height".

 

O primeiro abre uma div que estava invisível na página e o segundo um iFrame de arquivo externo.

 

Basta baixar o plugin do site, colocar os arquivos corretamente nas pastas, linkar os CSSs e jQueries na sua página e aplicar a classe. Use o próprio código fonte do exemplo como modelo que você vai ver como é simples.

[Júlio Santos 3]

Se não quiser usar plugin, como sugeriu o Ricardo, e quiser fazer na mão é só usar o CSS cara.

 

Faça uma camada para bloquear o conteúdo principal. Use position, e javascript pra definir a altura dessa camada de acordo com o conteúdo da página.

 

Aí sim abre outra camada com seu formulário, também usando position mas agora definindo o z-index pra forçar a sobreposição.

 

Use o javascript pra acionar.

[Rogerio Almeida Pereira 1]

Valeu galera! Eu consegui isso usando Jquery -> http://jqueryui.com/demos/dialog/#modal Nesse link tem vários exemplos disso. Obrigado!!

[Rogerio Almeida Pereira 1]

Valeu galera! Eu consegui isso usando Jquery -> http://jqueryui.com/demos/dialog/#modal Nesse link tem vários exemplos disso. Obrigado!!