E tenido un problema con un pequeño efecto de onmouseover en una tabla, el
asunto es que al pasar el mouse por una fila esta cambia de color, bueno eso
es relativamente simple, pero lo que quiero hacer es que al cambiar de color
tambien esta sea un enlace, osea la fila completa que sea un enlace, tambien
lo logre pero ademas necesito que una de las TD de la fila no sea afectada
por el enlace onclick ya que el TD contiene una imagen con otro link, se que
suna un tanto complicado pero no lo es para nada, el problema es que al
desconocer de javascript no puedo lograr que este sea semanticamente
correcto, pero menos blabla y mas codigo, lo que logre:
code 1:
<span onclick="window.location.href='details.php?id={CAR_ID}'">
<tr class="efecto">
<td class="aa">{CAR_MAKE}</td>
<td class="aa">{CAR_MODEL}</td>
<td class="aa">{CAR_DESCRIPTION}</td>
<td class="aa">{CAR_YEAR}</td>
</span>
<td ><a href="#" ><img src="inc/image.gif"></a></td> //este TD
debe ser neutro, osea no debe ser tocado por el enlace onclick
</tr>
code 2:
<span onclick="window.location.href='details.php?id={CAR_ID}'">
<tr class="efecto">
<a href="details.php?id={CAR_ID}"
<td class="aa">{CAR_MAKE}</td>
<td class="aa">{CAR_MODEL}</td>
<td class="aa">{CAR_DESCRIPTION}</td>
<td class="aa">{CAR_YEAR}</td>
</a>
</span>
<td ><a href="#" ><img src="inc/image.gif"></a></td> //este TD
debe ser neutro, osea no debe ser tocado por el enlace onclick
</tr>
code 3:
<tr class="efecto" onclick="
window.location.href='details.php?id={CAR_ID}'">
<td class="aa">{CAR_MAKE}</td>
<td class="aa">{CAR_MODEL}</td>
<td class="aa">{CAR_DESCRIPTION}</td>
<td class="aa">{CAR_YEAR}</td>
<td ><a href="#" ><img src="inc/image.gif"></a></td> //este TD
debe ser neutro, osea no debe ser tocado por el enlace onclick
</tr>
//este es como el mas cuerdo de los 3, esas cosas entre los td se ven
rarisimas
/* CSS Efecto mouseover */
.efecto {
background:#feffee;
color:#333;hover:expression(this.onmouseover=new Function("
this.style.background='#d8d9cc';this.style.cursor='hand';"),
this.onmouseout=new Function("this.style.background='#feffee';"));
}
.efecto:hover {
background:#d8d9cc;
}
------------ próxima parte ------------
Se ha borrado un adjunto en formato HTML...
URL:
/pipermail/javaescript-scriptia.net/attachments/20060207/ecd758f8/attachment.htm
_______________________________________________
javaEScript mailing list
[email protected]
http://lists.scriptia.net/listinfo.cgi/javaescript-scriptia.net
