Imagen onmouseover

Enea · #1 (**permalink**) 02/09/2003, 07:08

Podeis decirme como puedo hacer que cuando pasas por encima de una fila (de una tabla con datos) salga una imagen en la ultima celda de esta fila? He estado mirando por aquí y he encontrado esto que aplico para cambiar el color onmouseover... pero no consigo hacer que además de esto se muestre un gif... a ver si sabeis decirme como... gracias... ;) hasta pronto

echo "<TR onmouseout=\"this.style.backgroundColor='#FFFFFF'\ " onmouseover=\"this.style.backgroundColor='#ffcc33' \">";

echo "<TD ALIGN=CENTER><font face='Verdana, Arial, Helvetica, sans-serif'>$myrow[1]</font></TD>";

echo "<TD ALIGN=CENTER><font face='Verdana, Arial, Helvetica, sans-serif'>$myrow[4]</font></TD>";

echo "<TD ALIGN=CENTER><font face='Verdana, Arial, Helvetica, sans-serif'>$variable.$punto</TD>";

echo "<TD ALIGN=LEFT><img src='pliegueseleccion.gif'></td></tr>";

Enea · #2 (**permalink**) 03/09/2003, 05:41

He estado investigando y a lo máximo que he llegado ha sido a esto, pero no me funciona ... :(
Que hago mal?

echo "<TR onmouseout=\"this.style.backgroundColor='#FFFFFF'\ " onmouseover=\"this.style.backgroundColor='#ff9966' \">";
echo "<TD ALIGN=CENTER><font face='Verdana, Arial, Helvetica, sans-serif'>$myrow[1]</font></TD>";
echo "<TD ALIGN=CENTER><font face='Verdana, Arial, Helvetica, sans-serif'>$myrow[4]</font></TD>";
echo "<TD ALIGN=CENTER><font face='Verdana, Arial, Helvetica, sans-serif'>$variable.$punto</TD>";
?>
<td>
<script language=javascript>
iluminada = new Image(84,34)
iluminada.src = "pliegueseleccion.gif"
apagada = new Image(84,34)
apagada.src = "blanco.gif"
</script>
<a href="ir_a.html" onmouseover="window.document['imagen1'].src = iluminada.src" onmouseout="window.document['imagen1'].src = apagada.src">
<img src="blanco.gif" border=0 name="imagen1" width=84 height=34>
</a>
</td></tr>

DIL · #3 (**permalink**) 04/09/2003, 06:59

Prueba si esto te funciona:

<html>
<head>
<script>

var imgsobre=new Image();
imgsobre.src="pliegueseleccion.gif";

var imgfuera=new Image();
imgfuera.src="blanco.gif";

function sobre(obj,ndi) {
obj.style.backgroundColor='#ff9966';
document.images["fila"+ndi].src=imgsobre.src;
}

function fuera(obj,ndi) {
obj.style.backgroundColor='#ffffff';
document.images["fila"+ndi].src=imgfuera.src;
}

</script>
</head>
<body>
<table>
<tr onmouseover="sobre(this,'1')" onmouseout="fuera(this,1)">
<td>Columna 1</td>
<td>Columna 2</td>
<td>Columna 3</td>
<td>Columna 4</td>
<td><img name="fila1" src="blanco.gif" /></td>
</tr>
<tr onmouseover="sobre(this,'2')" onmouseout="fuera(this,2)">
<td>Columna 1</td>
<td>Columna 2</td>
<td>Columna 3</td>
<td>Columna 4</td>
<td><img name="fila2" src="blanco.gif" /></td>
</tr>
<tr onmouseover="sobre(this,'3')" onmouseout="fuera(this,3)">
<td>Columna 1</td>
<td>Columna 2</td>
<td>Columna 3</td>
<td>Columna 4</td>
<td><img name="fila3" src="blanco.gif" /></td>
</tr>
<tr onmouseover="sobre(this,'4')" onmouseout="fuera(this,4)">
<td>Columna 1</td>
<td>Columna 2</td>
<td>Columna 3</td>
<td>Columna 4</td>
<td><img name="fila4" src="blanco.gif" /></td>
</tr>
</table>
</body>
</html>

Enea · #4 (**permalink**) 04/09/2003, 07:18

Tiene buena pinta, voy a probar si funciona y te digo algo... MUCHISIMAS GRACIAS VECINO !!!

Enea · #5 (**permalink**) 05/09/2003, 07:12

Gracias, funciona estupendamente... ;)