Abrir Div Pop-Up no centro da tela de uma JSP

5 respostas
R

Amigos,

gostaria de abrir um pop-up no centro da tela, independente do tamanho dos resultados da minha consulta.

Exemplo:

Meu CSS:

<style type="text/css">
#pessoaPopUp{
	display: none;
	z-index: 1;
	position: absolute;
	padding: 10px;
	width: 700px;
	border: 5px solid #005b9d;
	background: #FFF; 
}
</style>

Minha lista…

<%
	for (Pessoa p : p.findAll) {
%>
                               
   <a href="javascript:void(0);" id="<%=p.getIdPessoa%>" onclick="document.getElementById('pessoaPopUp').style.display='block';">Abrir Pop-UP</a>
  <br/><br/>

<%
      }
%>

Abaixo a DIV de FATO que eu quero abrir:

<div id="pessoaPopUp"></div>

O que acontece… se minha lista de pessoas tiver com 200 resultados e eu abrir um pop-up ele aparece lá no final da página… alguém sabe como eu faço para abrir o pop-up independente da barra de rolagem bem no centro da tela.

Obrigadooo Amigooooss!!!

abraços.

5 Respostas

D

Usa o jquery já tem métodos prontos para fazer isso, mais no seu código acho que esta faltando um top!

R

Eu entendo que pode-se fazer com Jquery, só que o problema é saber qual é a função do arquivo js que devo usar… =/

obrigado.

Eu só coloquei um exemplo do código…

D

http://forum.imasters.com.br/topic/438230-centralizar-pop-up-modal/

R

Muito obrigado,

irei dar uma verificada e na segunda-feira responderei o resultado.

só tenho a agradecer amigo. :smiley:

D

Esse aqui para centralizar divs

http://www.codigosnaweb.com/forum/Centralizar-div-no-centro-de-tela-jQuery_3_6198.html

Criado 22 de março de 2013
Ultima resposta 22 de mar. de 2013
Respostas 5
Participantes 2