Foros del Web - Ver Mensaje Individual

emprear · #2 (**permalink**) 10/06/2012, 13:45

Te dejo un ejemplo (aplicado a otra cosa) pero en el cual acceder al contenido de la celda clickeada, tendrías que adaptarlo a tus necesidades

Código HTML:

Ver original<!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>
<title>Recuperar datos de celdas en una fila</title>
<style type="text/css">
/*<![CDATA[*/
tr{
background: cyan;
}
/*]]>*/
</style>
<script type="text/javascript">
//<![CDATA[
function recuperarFila(idfila) {
var elTableRow = document.getElementById(idfila);
elTableRow.style.backgroundColor =(elTableRow.style.backgroundColor=="green")?'cyan':'green';
 
if(elTableRow.style.backgroundColor == 'green'){
var elTableCells = elTableRow.getElementsByTagName("td");
    for (var i=0; i<elTableCells.length; i++) {
    alert(elTableCells[i].innerHTML);
    }
}
}
//]]>
</script>
</head>
<body>
<table border="1" width="50%">
<tr id="fila_uno" onclick="recuperarFila(this.id)">
<td>celda 1</td><td>celda 2</td>
</tr>
<tr id="fila_dos" onclick="recuperarFila(this.id)">
<td>celda 3</td><td>celda 4</td>
</tr>
<tr id="fila_tres" onclick="recuperarFila(this.id)">
<td>celda 5</td><td>celda 6</td>
</tr>
</table>
</body>
</html>

basicamente el array() generado por
var elTableCells = elTableRow.getElementsByTagName("td");
es recorrido y se obtiene el innerHTML, que es el contenido de la celda, de cada una

Saludos