Ver Mensaje Individual
  #10 (permalink)  
Antiguo 17/08/2010, 12:13
Avatar de skyz
skyz
 
Fecha de Ingreso: abril-2010
Mensajes: 170
Antigüedad: 14 años
Puntos: 1
Exclamación Respuesta: filas de una tabla como enlaces

holas Turka tengo unas 2 dudas, te agradeceria mucho si me respondieras

Hice el ejemplo que pusiste para las filas con enlaces, aqui esta:

Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script language="javascript" type="text/javascript">
// RESALTAR LAS FILAS AL PASAR EL MOUSE
function ResaltarFila(id_fila) {
    document.getElementById(id_fila).style.backgroundColor = '#C0C0C0';
}
 
// RESTABLECER EL FONDO DE LAS FILAS AL QUITAR EL FOCO
function RestablecerFila(id_fila) {
    document.getElementById(id_fila).style.backgroundColor = '#FFFFFF';
}
 
// CONVERTIR LAS FILAS EN LINKS
function CrearEnlace(url) {
    document.location=url;
}
</script>

</head>

<body>
<table width="331" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000">
  <tr id="fila1" onmouseover="ResaltarFila('fila1');" onmouseout="RestablecerFila('fila1')" onclick="CrearEnlace('http://www.google.com');">
    <td width="41"><div align="center">uno </div></td>
    <td width="119"><div align="center">lolo</div></td>
    <td width="79"><div align="center">lolo</div></td>
    <td width="64"><div align="center">lolo</div></td>
  </tr>
  <tr id="fila2" onmouseover="ResaltarFila('fila2');" onmouseout="RestablecerFila('fila2')" onclick="CrearEnlace('http://www.google.com');">
    <td><div align="center">dos</div></td>
    <td><div align="center">janeth</div></td>
    <td><div align="center">janeth</div></td>
    <td><div align="center">janeth</div></td>
  </tr>
  <tr id="fila3" onmouseover="ResaltarFila('fila3');" onmouseout="RestablecerFila('fila3')" onclick="CrearEnlace('http://www.google.com');">
    <td><div align="center">tres</div></td>
    <td><div align="center">gata</div></td>
    <td><div align="center">gata</div></td>
    <td><div align="center">gata</div></td>
  </tr>
</table>
</body>
</html>
Pero cuando selecciono alguna fila, solo me aparece el puntero del mouse y no la manito que hace referencia a un enlace, como se logra eso. En la pagina http://www.cofjaen.es/empleo.php de arriba aparece la manito al seleccionar una fila de la tabla.

Como logro que cuando presione una determinada fila se abre en una nueva pagina, no en la misma se hace con _blank pero nose donde ponerlo.