[Resolvido] Converter JavaScript Para PHP

Joao Menor · Setembro 25, 2007

Bom Dia Ilustres Amigos,

Sou um iniciante em programação PHP, e estou construindo uma página que exibe um texto, e abaixo do texto é exibido algumas imagens (que na verdade funcionam como botões), tanto as imagens como o texto estão cadastrados no meu banco de dados, a minha dificuldade é mostrar a imagem em tamanho natural do lado direito da minha tabela quando o usuario clicar sobre as imagens que aparecem do lado esquerdo abaixo do texto que já mencionei.

Abaixo segue o código fonte do que eu fiz até agora:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>Novidades - Todas as Notícias</title>

</head>

<tr>

<td>

<?

$sql1 = "Select texto From novidade WHERE id_novidade = ".$novidade;

$result=mysql_query($sql1);

while ($row = mysql_fetch_array($result))

{

echo '<font color="#333333" size="1" face="Arial, Helvetica, sans-serif">' . $row["texto"] . '</font><br><br>';

}

mysql_free_result($result);

$sql = 'SELECT caminho FROM foto_novidade where id_novidade = '.$novidade;

$var = mysql_query($sql);

$count=0;

echo "<table border=0 cellpadding=1 cellspacing=1 align=\"center\">";

//$img_w = 800; // largura

//$img_h = 600;

echo "<tr>";

while ($result = mysql_fetch_array($var)){

//----OBTEM DIMENSÕES DA IMAGEM--

$imnfo = getimagesize('../imagens/novidades/'.$result[0]);

$img_w = $imnfo[0]; // largura

$img_h = $imnfo[1]; // altura

//-------------------------------

echo "<td>";

/*echo '<img src = "../imagens/novidades/' . $result[0] . '" width="40" height="40" border="0" onClick="window.open (\'exibe_novidades.php?caminho=imagens/novidades/'.$result[0].'\',\'\',\'location=0,status=0,scrollbars=0,toolbar=0,resizable=1,width='.($img_w + 32).' ,height='.($img_h + 32).'\');">';*/

echo '<img src = "../imagens/novidades/' . $result[0] . '" width="40" height="40" border="0" onClick="window.open (\'../imagens/novidades/'.$result[0].'\',\'\',\'location=0,status=0,scrollbars=0,toolbar=0,resizable=1,width='.($img_w + 32).' ,height='.($img_h + 32).'\');">';

echo "</td>";

}

echo "</tr>";

echo "</table>";

?>

</td>

<td> Gostaria de fazer as imagens serem<br> exibidas aqui em seu tamanho natural<br>

após o usuario ter clicado nas fotos<br> menores que aparecerão do lado esquerdo</td>

</tr>

</table>

</div>

</div>

</body>

</html>

Por favor alguém poderia me ajudar

hinom · Setembro 25, 2007

você entende de html ?utilize iframe.

Joao Menor · Setembro 25, 2007

você entende de html ?

utilize iframe.

Olá,

fiz o que você me disse, coloquei um iframe, mas não deu certo. Mesmo assim obrigado.

Ao passar o mouse por cima da foto o mouse até reconhece como link mas quando eu clico não abre nada.

eu criei um iframe chamado de alvo e fiz o link das fotos direcionarem para ele:

echo '<a href="../imagens/novidades/' . $result[0] . '" target="alvo"><img src = "../imagens/novidades/' . $result[0] . '" width="40" height="40"></a>';

O link da pagina que eu coloquei no ar esta em:

http://www.headscabeleireiros.com.br/novidades/exibe_novidades.php?id_novidade=35

Vou postar aqui novamente o codigo todo da página:

<html>

<head>

<title>Novidades - Todas as Notícias</title>

</head>

<tr>

<td>

<?

$sql1 = "Select texto From novidade WHERE id_novidade = ".$novidade;

$result=mysql_query($sql1);

while ($row = mysql_fetch_array($result))

{

echo '<font color="#333333" size="1" face="Arial, Helvetica, sans-serif">' . $row["texto"] . '</font><br><br>';

}

mysql_free_result($result);

$sql = 'SELECT caminho FROM foto_novidade where id_novidade = '.$novidade;

$var = mysql_query($sql);

$count=0;

echo "<table border=0 cellpadding=1 cellspacing=1 align=\"center\">";

//$img_w = 800; // largura

//$img_h = 600;

echo "<tr>";

while ($result = mysql_fetch_array($var)){

//----OBTEM DIMENSÕES DA IMAGEM--

$imnfo = getimagesize('../imagens/novidades/'.$result[0]);

$img_w = $imnfo[0]; // largura

$img_h = $imnfo[1]; // altura

//-------------------------------

echo "<td>";

echo '<a href="../imagens/novidades/' . $result[0] . '" target="alvo"><img src = "../imagens/novidades/' . $result[0] . '" width="40" height="40"></a>';

echo "</td>";

}

echo "</tr>";

echo "</table>";

?>

</td>

<td>

</td>

</tr>

</table>

</div>

</div>

</body>

</html>

Bruno Capella · Setembro 25, 2007

tenta colocar o iframe assim. <iframe src="about:blank" name="alvo" frameborder="0" scrolling="no" id="alvo"></iframe>e nessa parte aqui echo '<a href="../imagens/novidades/' . $result[0] . '" target="alvo"><img src = "../imagens/novidades/' . $result[0] . '" width="40" height="40"></a>';você deve chamar uma pagina que abrirá a imagem no tamanho normal

Joao Menor · Setembro 25, 2007

tenta colocar o iframe assim.

<iframe src="about:blank" name="alvo" frameborder="0" scrolling="no" id="alvo"></iframe>

e nessa parte aqui

echo '<a href="../imagens/novidades/' . $result[0] . '" target="alvo"><img src = "../imagens/novidades/' . $result[0] . '" width="40" height="40"></a>';

você deve chamar uma pagina que abrirá a imagem no tamanho normal

Puxa!!! Infelizmente não deu certo, fiz as alterações que você me disse, mas...

eu alterei desta forma

echo '<a href="exibe_fotos.php?caminho=../imagens/novidades/' . $result[0] . '" target="alvo"><img src = "../imagens/novidades/' . $result[0] . '" width="40" height="40"></a>';

criei uma página chamada exibe_fotos.php aonde eu passo como parametro o caminho da minha foto. Mas não tive êxito.

vou postar novamente o codigo alterado

<html>

<head>

<title>Novidades - Todas as Notícias</title>

</head>

<tr>

<td>

<?

$sql1 = "Select texto From novidade WHERE id_novidade = ".$novidade;

$result=mysql_query($sql1);

while ($row = mysql_fetch_array($result))

{

echo '<font color="#333333" size="1" face="Arial, Helvetica, sans-serif">' . $row["texto"] . '</font><br><br>';

}

mysql_free_result($result);

$sql = 'SELECT caminho, idfoto_novidade FROM foto_novidade where id_novidade = '.$novidade;

$var = mysql_query($sql);

$count=0;

echo "<table border=0 cellpadding=1 cellspacing=1 align=\"center\">";

//$img_w = 800; // largura

//$img_h = 600;

echo "<tr>";

while ($result = mysql_fetch_array($var)){

//----OBTEM DIMENSÕES DA IMAGEM--

$imnfo = getimagesize('../imagens/novidades/'.$result[0]);

$img_w = $imnfo[0]; // largura

$img_h = $imnfo[1]; // altura

//-------------------------------

echo "<td>";

echo '<a href="exibe_fotos.php?caminho=../imagens/novidades/' . $result[0] . '" target="alvo"><img src = "../imagens/novidades/' . $result[0] . '" width="40" height="40"></a>';

echo "</td>";

}

echo "</tr>";

echo "</table>";

?>

</td>

<td>

</td>

</tr>

</table>

</div>

</div>

</body>

</html>

Bruno Capella · Setembro 25, 2007

Joao não precisa ficar postando o codigo modificado.tente assim. na pagina exibe_imagem.php que você criou como é que está o script. você ta recebendo ele via get??? e colocando na pagina pra ser mostrado. tipo $foto = $_GET["caminho"];<img src='$foto'>

Joao Menor · Setembro 25, 2007

Joao não precisa ficar postando o codigo modificado.tente assim. na pagina exibe_imagem.php que você criou como é que está o script. você ta recebendo ele via get??? e colocando na pagina pra ser mostrado. tipo $foto = $_GET["caminho"];<img src='$foto'>

Eu estou fazendo assim$nome_foto = $_REQUEST['nome_foto'];depois eu exibo a foto desta maneira:<img src="<?=$nome_foto;?>"> esses comandos eu uso na página que eu criei para exibir a minha foto.O estranho é que eu mudei a cor da página para azul, pensei que mesmo que a foto não aparecessea página seria chamada e eu saberia pq o fundo seria em azul, mas nem isso aconteceu... q estranho

hinom · Setembro 26, 2007

vi o codigo fonte da pagina:

http://www.headscabeleireiros.com.br/novid...?id_novidade=35

está diferente desse codigo que você tem postado aqui...

<p> </p><p><input type="image" height="139" width="150" src="/imagens/image/DSC01593.JPG" border="0" />   [b]<input type="image" height="150" width="113" src="/imagens/image/DSC01673.JPG" />[/b]</p><p> </p></font><br><br><table border=0 cellpadding=1 cellspacing=1 align="center"><tr></tr></table>		</td>		<td> <iframe src="about:blank" name="alvo" frameborder="0" scrolling="no" id="alvo"></iframe>

Joao Menor · Setembro 26, 2007

vi o codigo fonte da pagina:http://www.headscabeleireiros.com.br/novid...?id_novidade=35está diferente desse codigo que você tem postado aqui...

<p> </p><p><input type="image" height="139" width="150" src="/imagens/image/DSC01593.JPG" border="0" />   [b]<input type="image" height="150" width="113" src="/imagens/image/DSC01673.JPG" />[/b]</p><p> </p></font><br><br><table border=0 cellpadding=1 cellspacing=1 align="center"><tr></tr></table>		</td>		<td> <iframe src="about:blank" name="alvo" frameborder="0" scrolling="no" id="alvo"></iframe>

A página hospedada em http://www.headscabeleireiros.com.br/novid...?id_novidade=35é um arquivo php, não tem como você ver o código fonte pois ela só vai retornar os codigos em HTML, por isso que eu postei aqui o código fonte.T+

hinom · Setembro 27, 2007

joao... estou me referindo ao codigo fonte HTML da página e não do PHP

o seu problema está na forma como você está usando o html.

ao clicar na imagem pequena você quer que abra a imagem maior dentro do iframe é isso ?

ok você criou um iframe:

<iframe src="about:blank" name="alvo" frameborder="0" scrolling="no" id="alvo"></iframe>

mas não entendi o motivo de ter colocado as imagens dentro da tage <input type=image>..

<input type="image" height="139" width="150" src="/imagens/image/DSC01593.JPG" border="0" />

o certo seria isso:

<a href=/imagens/image/DSC01593.JPG target=alvo><img height="139" width="150" src="/imagens/image/DSC01593.JPG" border="0"></a>

outro "erro", na tag iframe especifique um valor pra largura e altura. width e height respectivamente

veja esse link

http://imasters.japancase.com/iframe.html

Joao Menor · Setembro 27, 2007

joao... estou me referindo ao codigo fonte HTML da página e não do PHPo seu problema está na forma como você está usando o html.ao clicar na imagem pequena você quer que abra a imagem maior dentro do iframe é isso ?ok você criou um iframe:
<iframe src="about:blank" name="alvo" frameborder="0" scrolling="no" id="alvo"></iframe>
mas não entendi o motivo de ter colocado as imagens dentro da tage <input type=image>..
<input type="image" height="139" width="150" src="/imagens/image/DSC01593.JPG" border="0" />
o certo seria isso:
<a href=/imagens/image/DSC01593.JPG target=alvo><img height="139" width="150" src="/imagens/image/DSC01593.JPG" border="0"></a>
outro "erro", na tag iframe especifique um valor pra largura e altura. width e height respectivamenteveja esse linkhttp://imasters.japancase.com/iframe.html

Realmente tá meio estranho, eu não coloquei nenhum botão do tipo imagem, mas ele realmente exibe o <input type = image... e bla bla>,vou tentar descobrir o porquê disso. Eu alterei da forma que você me disse, mas não resolveu.Puxa q coisa doida, era pra ser algo simples até pra mim que estou começando a me aventurar com PHPT+

hinom · Setembro 28, 2007

mas como você fez a alteração ?poderia mostrar ?não entendo também como que você não sabe como foi para no script a tag input type=image ...afinal, o quê você está usando pra editar os códigos ?

Joao Menor · Setembro 28, 2007

Que loucura... Depois de muito apanhar eu resolvi começar tudo de novo do zero, eu estou usando o dreamweaver, mas agora deu certo, tive que fazer algumas mudanças, mesclando Javascript + php mas deu certo. Segue abaixo o codigo fonte.

<html>

<head>

<title>Novidades - Heads Cabeleireiros</title>

</head>

<?

$sql = 'SELECT caminho, idfoto_novidade FROM foto_novidade where id_novidade = '.$novidade;

$var = mysql_query($sql);

// $count=0;

echo "<table border=0 cellpadding=0 cellspacing=0>";

//$img_w = 800; // largura

//$img_h = 600;

echo "<tr>";

echo "<td>";

while ($result = mysql_fetch_array($var)){

//----OBTEM DIMENSÕES DA IMAGEM--

$imnfo = getimagesize('../imagens/img_galeria/'.$result[0]);

$img_w = $imnfo[0]; // largura

$img_h = $imnfo[1]; // altura

//-------------------------------

// if(($count%2)==0)

/*

onClick="window.location

window.location.href

echo '<img src = "../imagens/novidades/' . $result[0] . '" width="40" height="40" border="0" onClick="window.open (\'../imagens/novidades/'.$result[0].'\',\'\',\'location=0,status=0,scrollbars=0,toolbar=0,resizable=0,width='.($img_w + 10).' ,height='.($img_h + 10).'\');">';

*/

echo '<a href="../imagens/novidades/' . $result[0] . '" width="40" height="40" border="0" target="alvo"><img src = "../imagens/novidades/' . $result[0] . '" width="40" height="40" border="0"></a>';

}

echo "</td>";

/* if(($count%2)!=0) */

echo "</tr>";

//$count++;

echo "</table>";

?>

</div>

<?

$sql1 = "Select texto From novidade WHERE id_novidade = ".$novidade;

$result=mysql_query($sql1);

while ($row = mysql_fetch_array($result))

{

echo '<font color="#333333" face="Arial, Helvetica, sans-serif">' . $row["texto"] . '</font><br><br>';

}

mysql_free_result($result);

?>

</div>

</div>

</div>

</body>

</html>

Obrigado a todos pela atenção.

Arquivado

[Resolvido] Converter JavaScript Para PHP

Recommended Posts

Joao Menor 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

hinom 5

Compartilhar este post

Link para o post

Compartilhar em outros sites

Joao Menor 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Bruno Capella 7

Compartilhar este post

Link para o post

Compartilhar em outros sites

Joao Menor 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Bruno Capella 7

Compartilhar este post

Link para o post

Compartilhar em outros sites

Joao Menor 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

hinom 5

Compartilhar este post

Link para o post

Compartilhar em outros sites

Joao Menor 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

hinom 5

Compartilhar este post

Link para o post

Compartilhar em outros sites

Joao Menor 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

hinom 5

Compartilhar este post

Link para o post

Compartilhar em outros sites

Joao Menor 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

PHP+Codeigniter - Dúvida em Relação a Teclas

Conexão mysql com outro domínio

[Resolvido] JavaScript - Exibir logo dentro da Tabela html

Fóruns

Tempo Real

Informação importante