Ir para conteúdo

POWERED BY:

Arquivado

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

betofc

Problema em exibir imagem com onmouseover

Por , em Javascript

Recommended Posts

betofc    1

betofc
Postado

Oi pessoal, sou novo aqui. É meu primeiro post.

Preciso que alguém me ajude no seguinte: tenho uma tabela feita com vários "echos" em PHP, e nas células desta tabela coloquei seções que, quando o mouse passar por cima, uma imagem aparece em outro lugar. Quero fazer isto funcionar. Eis o código:

//O script em JS está na tag head do HTML:
<head>
    <script type="text/javascript">
         function mostrarFoto(texto) {
  document.getElementById("fotoArea").innerHTML = texto;
  }
    </script>
</head>
.
.
.
<body>
//Aqui começa o PHP
<?php
include ("mysqlconfig.inc");
$query = "select * from veiculos; ";
$res = mysql_query($query);
$numLinhas = mysql_num_rows($res);
echo "<table border='1'>";
echo "<tr><td>Marca</td><td>Modelo</td><td>Km</td><td>Ano</td><td>Cor</td><td>Preço</td><td>Foto</td></tr>";
for($i=0;$i<$numLinhas;$i++) {
$mostra = mysql_fetch_array($res);
$foto = $mostra['foto'];
$tagHtmlFoto = "<img src='" . $foto . "' />";
echo "<tr>";
echo "<td><a href='#' onmouseover=mostrarFoto('$tagHtmlFoto') > Imagem </a></td>";
echo "</tr>";
}
echo "</table>";
mysql_close($con);
?>
<div id="fotoArea">   </div>

 

Enfim... O que eu quero é que quando o mouse passar por cima do "link" imagem uma foto apareça em 'fotoArea'. Mas não está dando. O que acontece na tabela é que fica escrito o seguinte:

') > Imagem

 

Já rachei a cabeça com isso mas não consigo!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ted k'    126

Ted k'
Postado

Bem... Seu código javascript está correto, para mim o que pode esta acontecendo é que o resultado que vem dentro da sua variável php tenha aspas simples ou aspas duplas, aconselho a fazer uma função php antes de imprimir para retirar essas aspas.

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