Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

André Ricardo Theodoro

Como abrir janelas pop-ups!?

Por , em Javascript

Recommended Posts

André Ricardo Theodoro    0

André Ricardo Theodoro
Postado

Bom dia galera!

 

Estou com uma grande dúvida!

Como faço para abrir uma janela pop-up!?

 

Desenvolvi um sistema de imagens onde parecem miniaturas das imagens

e preciso que quando a pessoa clique nas miniaturas abra uma janela

pop-up com o tamanho original da imagem.

Alguém sabe como posso fazer isso!? http://forum.imasters.com.br/public/style_emoticons/default/upset.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paulo André    0

Paulo André
Postado

Javascript :D

 

Segue uma função que irá abrir uma janela e dar um resize conforme o tamanho da imagem:

function openImage( imagem )
{
	jan = open("about:blank","janela","no");
	jan.document.open;
	jan.document.write("<head>");
	jan.document.write("<title>Imagem</title>");
	jan.document.write("</head>");
	jan.document.write("<body leftmargin='0' topmargin='0'>");
	jan.document.write("<img src='" + imagem + "' name='foto'>");
	jan.document.write("</body>");
	jan.document.close;
	largura = jan.document.foto.width;
	altura = jan.document.foto.height;
	jan.resizeTo(largura, altura);
}

Flws...

:D

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paulo André    0

Paulo André
Postado

Opa, nem vi que você perguntou de manhã.. :D

 

Pra implementar você precisa colocá-lo entre <head> e </head> do HTML. Não necessariamente, mas é o mais recomendável seguindo as normas, por isso acho que sua pergunta está meio sem sentido.

 

Para usá-la em um link por exemplo, faça assim:

echo "<a href=\"java script:openImage('fotos/" . $foto_foto . "');\">Abrir Foto</a>

Flws...

;)

Compartilhar este post

Link para o post
Compartilhar em outros sites

André Ricardo Theodoro    0

André Ricardo Theodoro
Postado

Nem esqnta cara......

Dsculpe à pergunta sem sentido, mas sou iniciante no

php e tenho "n" dúvidas, sobre quase tudo!

hehehe

 

Cara não consegui implementar a função..........

olha como eu fiz:

<head>
function openImage( imagem )
{
	jan = open("about:blank","janela","no");
	jan.document.open;
	jan.document.write("<head>");
	jan.document.write("<title>Imagem</title>");
	jan.document.write("</head>");
	jan.document.write("<body leftmargin='0' topmargin='0'>");
	jan.document.write("<img src='" + imagem + "' name='foto'>");
	jan.document.write("</body>");
	jan.document.close;
	largura = jan.document.foto.width;
	altura = jan.document.foto.height;
	jan.resizeTo(largura, altura);
} 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title>Fotos Listadas</title> 
<body>
<?php
echo "<table width=150 border=1 bordercolor='#ffffff' cellpadding='2' cellspacing='1'><tr>"; #comeca tabela
$aux = 0;
while($l = mysql_fetch_array($resultado)) {
	$foto_id		= $l["foto_id"];
	$foto_foto	  = $l["foto_foto"];

   if($aux == 4){ #se for 4 é porque passou 4 colunas, dae faz quebra de linha
	  $aux = 0; #zera a AUX pra contar novamente 4 colunas
	  echo "</tr><tr>"; #quebra de linha
   }
   echo "<td width=100 bordercolor='#ffffff' bgcolor='#333333' align='center' valign='middle'><a href=\'java script:openImage('fotos/' . $foto_foto . '');\'>Abrir Foto</a>','','toolbar=no,width=375,height=500,')\'><img width=50 height=38 border=0 src='fotos/$foto_foto'></a></td>"; #escreve o item normal
   $aux++; #soma mais 1 em aux
}
echo "</tr></table>";
?> </body> 
</head>
</html>
<?php 
mysql_free_result($rsUltimaFoto); 
mysql_free_result($rsUltimasFotos); 
//mysql_free_result($rsFotoRequisitada); 
//mysql_free_result($rsComentarios); 
?>

Mas assim, tem muitos erros, saberia uma forma melhor de implementar seu código java!?

Compartilhar este post

Link para o post
Compartilhar em outros sites

hinom    5

hinom
Postado

como faço pra fechar a jenala popup clicando na própria imagem?

usando a função do Paulo André...

 

<img src=imagem.jpg onclick="window.close();">

Compartilhar este post

Link para o post
Compartilhar em outros sites

Beto Lima    0

Beto Lima
Postado

assim?

 

function openImage( imagem )

{

jan = open("about:blank","janela","no");

jan.document.open;

jan.document.write("<head>");

jan.document.write("<title>Imagem</title>");

jan.document.write("</head>");

jan.document.write("<body leftmargin='0' topmargin='0'>");

jan.document.write("<img src='" + imagem + "' name='foto'>");

jan.document.write("<img src=imagem.jpg onclick="window.close();">");

jan.document.write("</body>");

jan.document.close;

largura = jan.document.foto.width;

altura = jan.document.foto.height;

jan.resizeTo(largura, altura);

}

Compartilhar este post

Link para o post
Compartilhar em outros sites

berkowitz    2

berkowitz
Postado

Isso! Somente troque a aspas do window.close para aspas simples se não vai dar erro, frmz?

 

André, você conseguiu resolver o teu?

 

ABRAX!

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito