Java Script, Función seleccionar tres valores de tabla HTML

[DescargasBukaro]

Buenas Noches desde Colombia, tengo una función en java que me permite seleccionar una fila de una tabla en HTML y captura los dos primeros valores de las celdas en dos variables diferentes, esta tabla carga los valores de una BD, necesito capturar los tres primeros valores de las celdas ya que es una llave primaria y quiero eliminar el registro de la tabla.
Anexo la función para dos valores, pero aclaro que necesito modificarla para capturar tres.

<script language="JavaScript" type="text/javascript">
$(document).ready(function ()
{
var selAnterior;
$("input[type='text'][readonly]").addClass("textSoloLectura");
refreshTable();
function refreshTable(){
$(".tablaDatos tr").hover(function(){
if(!$(this).hasClass("sel")) $(this).addClass("over");} , function(){$(this).removeClass("over");});

$(".tablaDatos tr").click(function(){
if(!$(this).hasClass("sel"))
{
$("#codigo").val($("td:first",this).text());
$("#codigo_aux").val($("td:first",this).next().t ex t());
$(this).removeClass("over");
$(this).addClass("sel");

if(selAnterior != undefined) selAnterior.removeClass("sel");
selAnterior = $(this);}});
}
});
</script>



Gracias de antemano y quedo muy atento a una pronta respuesta.

Saludos desde Bucaramanga, Colombia.

[goteen_mx]

no sería más sencillo ponerles un ID a tus td y simplemente con un $("#primero"), $("#segundo") y $("#tercero")

o con un nextAll y obtienes todos los tds y los recorres.

saludos.

[DescargasBukaro]

Amigo primero que todo gracias por tu pronta respuesta.

De antemano te cuento que no se nada de java pero te agradecería me colocaras un ejemplo con código para aprender.

Estoy muy interesado en solucionar este pequeño escollo que se me presenta.

Te comento que la tabla la construyo mediante una consulta a un BD PostgreSql, donde lleno la tabla html con los datos de la BD.


<?PHP echo html_paginacion($NP,$pagina,"../img/");?>
<table align="center" class="tablaDatos">
<tr>
<th>CODIGO</th>
<th>COD. SEDE</th>
<th>SEDE</th>
<th>NOMBRE</th>
<th>ESTADO</th>
<th>PERFIL</th>
</tr>
<?PHP
$SQL .= " LIMIT $tp OFFSET $inicio";
$R = pg_query($CX,$SQL);

while($F = pg_fetch_array($R))
{
echo '
<tr>
<td align="center">'.$F["usucodigo"].'</td>
<td align="center">'.$F["usucodsed"].'</td>
<td style="padding-left:10px">'.$F["sednombre"].'</td>
<td style="padding-left:10px">'.$F["usunombre"].'</td>
<td align="center">'.$F["usuestado"].'</td>
<td style="padding-left:10px">'.$F["pernombre"].'</td>
</tr>';
}
?>
</table>
<input type="hidden" id="codigo" name="codigo" />
<input type="hidden" id="codigo_aux" name="codigo_aux" />


al final es donde asigno los valores de la celda a cada variable.

[DescargasBukaro]

Iniciado por goteen_mx

no sería más sencillo ponerles un ID a tus td y simplemente con un $("#primero"), $("#segundo") y $("#tercero")

o con un nextAll y obtienes todos los tds y los recorres.

saludos.

La tabla nunca es fija, al menos en el # de filas, pero debo seleccionar un registro cualquiera de la tabla, ya sea para eliminarlo, editarlo o visualizarlo, dependiendo de la necesidad

[goteen_mx]

Hay muchas muchas formas, pero si apenas estas aprendiendo javascript que es != java, te recomiendo que primero empieces a programar solo con js y posteriormente ya utilices jquery.

Si solo quieres obtener el id de la tupla que estas seleccionado para hacer alguna acción, puedes checar hacerlo asi.

Código PHP:

function f_editar(usucodigo){
   alert(usucodigo);
    /*  metodos  y funciones para editar*/
 
 
/*    si quieres asignarles el valor a tus inputs de abajo */
   document.getElementById("codigo").value=usuariocodigo;
 
}
 
<?PHP
$SQL .= " LIMIT $tp OFFSET $inicio";
$R = pg_query($CX,$SQL);
 
while($F = pg_fetch_array($R))
{
echo '
<tr>
<td align="center">'.$F["usucodigo"].'</td>
<td align="center">'.$F["usucodsed"].'</td>
<td style="padding-left:10px">'.$F["sednombre"].'</td>
<td style="padding-left:10px">'.$F["usunombre"].'</td>
<td align="center">'.$F["usuestado"].'</td>
<td style="padding-left:10px">'.$F["pernombre"].'</td>
<td style="padding-left:10px"><a href="f_editar('.$F["usucodigo"].');">Editar</a></td>
</tr>';
}
?>
 
<input type="hidden" id="codigo" name="codigo" />
<input type="hidden" id="codigo_aux" name="codigo_aux" />
 

Salu2

[DescargasBukaro]

Gracias.

Uso una función para cada uno de los td que necesito?

Código PHP:

function f_editar(usucodigo)
{ alert(usucodigo);document.getElementById("codigo_c").value=usuariocodigo; }
 
function f_editar(usucodalu)
{ alert(usucodalu);document.getElementById("codigo_a").value=alumnocodigo; }
 
function f_editar(usucodigo)
{ alert(usucodsed);document.getElementById("codigo_s").value=sedecodigo; }
 

[goteen_mx]

puede ser una sola función, que reciba el id de registro y por medio del id obtienes los 3 valores por que lo que necesitas es el valor que esta dentro del TD, más no al td por si mismo, además en el código que tienes es la misma función, siempre se va a ejecutar la primera que encuentre, ya que js no soporta sobrecarga de funciones o al menos eso creo.
se puede hacer más eficiente pero para que te des una idea mejor con funciones básicas.

investiga sobre la función document.getElementById

Código PHP:

<?PHP
$SQL .= " LIMIT $tp OFFSET $inicio";
$R = pg_query($CX,$SQL);
 
while($F = pg_fetch_array($R))
{
echo '
<tr>
<td align="center"><input type="hidden" id="usucod_'.$F["usucodigo"].'">'.$F["usucodigo"].'</td>
<td align="center" <input type="hidden" id="usucodused_'.$F["usucodigo"].'">'.$F["usucodsed"].'</td>
<td style="padding-left:10px" <input type="hidden" id="sedNmbr_'.$F["usucodigo"].'">'.$F["sednombre"].'</td>
<td style="padding-left:10px">'.$F["usunombre"].'</td>
<td align="center">'.$F["usuestado"].'</td>
<td style="padding-left:10px">'.$F["pernombre"].'</td>
<td style="padding-left:10px"><input type="button" onclick="f_verVal('.$F["usucodigo"].')"></td>
</tr>';
}
?>
<script>
function f_verVal(id){
   alert(document.getElementById("usucod_"+id).value);// primer valor
   alert(document.getElementById("usucodused_"+id).value);  //segundo valor
   //..................... y asi para los que necesites
}
</script>
 

si no quieres usar inputs, puedes ponerle id al TD y en vez de usar value usas el metodo innerHTML

Saludos