Pop up dinâmico

(!_Odisséa_!) · Janeiro 30, 2008

Bom dia!

Eu fiz no Dreamweaver uma page set. Então eu tenho uma página que me retorna todos os "titulos" do meu bd, então eu clico em um "titulo" e ele me leva para outra página (particular.php) com todos os dados deste "titulo". Ate ai tudo bem...

Só que nesta segunda página (particular.php) eu tenho o "titulo" e uma foto. Eu gostaria que quando a pessoa clicasse na foto ou em um link ao lado, abrisse um pop up com esta foto.

Eu andei procurando nos tópicos deste forum, mas não achei nada parecido, ate mesmo porque eu não sei como procurar.

alguém poderia me indicar algum link, ou como eu poderia fazer isso?

Grato.

ESerra · Janeiro 30, 2008

Primeiro você vai precisar de um JS pra abrir o popup

<script language=javascript>
function avisa (URL){
   window.open(URL,"janela1","width=550,height=30,scrollbars=NO")
}
</script>

Para chamar ele você utiliza:

<a href=java script:avisa('envia.php?id=$id')>TEXTO QUALQUER</a>

Onde envia.php é a página que será aberta no popup, $id é a variável que vai dizer que foto é (você pode passar o caminho direto até a foto ali)... ai na envia.php (ou outro nome que você der) você resgata o valor do id e faz a exibição da foto, note que esse popup tem tamanho fixo, no seu caso seria interessante que o popup tivesse o tamanho definido a partir das medidas das fotos...

(!_Odisséa_!) · Janeiro 30, 2008

Boa tarde ESerra.

Valeu pela dica... só que eu fiz como você me disse e ele não esta abrindo o Pop Up, ele aparece corretamenta na barra de status o endereço, mas quando clico no link ele não abre nenhum pop, e aparece assim ERRO NA PÀGINA na barra de status.

Se puder me ajudar, obrigado mesmo.

ESerra · Janeiro 31, 2008

O fórum separa mas aqui:

<a href=java script

java e script devem estar grafadas juntas... e lembre-se que a página envia.php (ou outro nome que você der) também tem que existir.

(!_Odisséa_!) · Janeiro 31, 2008

Pô, cara to fazendo tudo certinho, acho!

ta assim, quando eu estou na página "sel_ofertas", no lugar do endereço aparece assim: www.dominio.com.br/sel_oferta.php?recordID=66. Ai nesta página "sel_oferta.php" tem o link --clique aqui para ampliar a imagem-- quando eu coloco o mouse sobre o link aparece assim na barra de status:

java script:avisa(extra.php?recordID=66) Java script ta escrito junto.

Ai você clica e não aparece nada, nem o pop up. Mas seu eu colocar no endereço do brower: www.dominio.com.br/extra.php?recordID=66 ele aparece corretamente a imagem.

Entendeu?

valeu pela ajuda.

Editado Janeiro 31, 2008 por (!_Odisséa_!)

ESerra · Janeiro 31, 2008

Só uma coisa, você colocou o

<script language=javascript>
function avisa (URL){
   window.open(URL,"janela1","width=550,height=30,scrollbars=NO")
}
</script>

Entre as tags <head> e </head> ???

(!_Odisséa_!) · Janeiro 31, 2008

esta dentro da tag, sim.

da uma olhada na página:

http://www.jccfrepresentacoes.com.br/sel_o...php?recordID=76

valeu.

ESerra · Janeiro 31, 2008

Você está esquecendo os apóstrofes...

ERRADO: java script:avisa(extra.php?recordID=76)

CERTO: java script:avisa('extra.php?recordID=76')

<html>
<head>
<script language=javascript>
function avisa (URL){
   window.open(URL,"janela1","width=550,height=30,scrollbars=NO")
}
</script>
</head>
<body>
<a href=java script:avisa('x.php?id=$id')>TEXTO QUALQUER</a>
</body>
</html>

(!_Odisséa_!) · Janeiro 31, 2008

pow, cara agora deu certo. Valeu.

você sbe me dizer onde eu posso encontrar um tutorial ou como se faz, para ajustar o tamanho do pop up de acordo com o tamanho da minha imagem?

Obrigado de novo

Entrar

Pop up dinâmico

Pergunta

(!_Odisséa_!)

Link para o comentário

Compartilhar em outros sites

8 respostass a esta questão

Posts Recomendados

ESerra

Link para o comentário

Compartilhar em outros sites

(!_Odisséa_!)

Link para o comentário

Compartilhar em outros sites

ESerra

Link para o comentário

Compartilhar em outros sites

(!_Odisséa_!)

Link para o comentário

Compartilhar em outros sites

ESerra

Link para o comentário

Compartilhar em outros sites

(!_Odisséa_!)

Link para o comentário

Compartilhar em outros sites

ESerra

Link para o comentário

Compartilhar em outros sites

(!_Odisséa_!)

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades