Obtener Id de Fila y Columna

ftabilo · #1 (**permalink**) 29/10/2007, 15:23

Saludos amigos, quiero hacer un juego con javascript, el famoso juego del gato:

tengo el siguiente formulario:

Código HTML:

<!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>GATO</title>
<script language="javascript">
function calcular()
{
	alert("Aqui debería mostrar coordenadas :(")
}
</script>
</head>
<body>
<form name="form1" method="post" action="">
<div align="center" style="width:100%">
<br /><br />
<table border="2" cellpadding="1" cellspacing="1" id="mitabla">
<tr id="1">
<td width="102" id="1" style="height:100px;width:100px" onmouseover="calcular()"></td>
<td width="98" id="2" style="height:100px;width:100px"></td>
<td width="100" id="3" style="height:100px;width:100px"></td>
</tr>
<tr id="2">
<td id="1" style="height:100px;width:100px"></td><td id="2" style="height:100px;width:100px"></td><td id="3" style="height:100px;width:100px"></td>
</tr>
<tr id="3">
<td id="1" style="height:100px;width:100px"></td><td id="2" style="height:100px;width:100px"></td><td id="3" style="height:100px;width:100px"></td>
</tr>
</table>
</div>
</form>
</body>
</html>

Cada fila y cada columna tiene un Id, he buscado en las FAQ`S y en todos lados y no he pillado una forma de leer la fila y la columna (coordenadas), al momento de pasar el puntero encima de una celda, si alguien me ayuda muchisimas gracias.

Hasta Luego

frijolerou · #2 (**permalink**) 29/10/2007, 16:00

Código HTML:

<!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>GATO</title>
<script language="javascript">
function calcular(elemento)
{
	alert("ID columna (td):" + elemento.id);
	alert("ID fila (tr):" + elemento.parentNode.id);
}
</script>
</head>
<body>
<form name="form1" method="post" action="">
<div align="center" style="width:100%">
<br /><br />
<table border="2" cellpadding="1" cellspacing="1" id="mitabla">
<tr id="1a">
<td width="102" id="1" style="height:100px;width:100px" onmouseover="calcular(this)"></td>
<td width="98" id="2" style="height:100px;width:100px"></td>
<td width="100" id="3" style="height:100px;width:100px"></td>
</tr>
<tr id="2a">
<td id="1" style="height:100px;width:100px"></td><td id="2" style="height:100px;width:100px"></td><td id="3" style="height:100px;width:100px"></td>
</tr>
<tr id="3a">
<td id="1" style="height:100px;width:100px"></td><td id="2" style="height:100px;width:100px"></td><td id="3" style="height:100px;width:100px"></td>
</tr>
</table>
</div>
</form>
</body>
</html>

Ojo! el atributo ID aplicado a un elemento es único e irrepetible dentro del documento.

ftabilo · #3 (**permalink**) 30/10/2007, 11:00

Gracias frijolerou, me ha sido muy útil tu ayuda.

Saludos