[SOLUCIONADO] obtener id de una filla <table>

[matrixre9]

Buenas tardes, quería hacer una consulta y seria si alguien me puede decir como hacerlo:

Realizo una consulta en php, esta consulta la despliego en una tabla en html mi pregunta es si yo me posiciono en una fila de la tabla y le doy click como puedo obtener el dato que se encuentre en determinada columna y en la fila que estoy posicionado.

no se si se entienda que es lo que quiero.

de ante mano gracias y espero que alguien me pueda ayudar, saludos

[kalvinman]

Creo que lo que necesitas es un evento del lado del cliente y eso lo debes hacer con javascript, y para pasar los datos de javascript a PHP usas AJAX.

Por ejemplo si le pones un ID a cada celda de tu tabla puedes hacer un evento en javascript que detecte cuando se posiciona el cursor sobre esa celda y disparar un comportamiento AJAX que envie el dato a PHP.

[matrixre9]

y como podría hacer eso?

[kalvinman]

La forma mas simple que conozco es usando la libreria jQuery de javascript.

Estudia Jquery, y sus selectores.

Código HTML:

<table>
<tr>
 <td id="micelda">Aquí el valor</td>
</tr>
</table>
 

Código Javascript:

$( "#micelda" ).mouseover(function() {
  //Aqui pones lo que pasa
 alert("Estoy parado en mi celda");
});
 

[matrixre9]

Deja lo pruebo y haber que le modifico para obtener el dato e informo que paso gracias

[Alexis88]

No es necesario echar mano de alguna librería para hacer algo tan sencillo. Basta con que tomes al elemento en el cual se produjo el evento click mediante la propiedad target del objeto del evento y ya teniéndolo, solo te queda tomar el texto que contiene.

Código Javascript:

document.querySelector("table").addEventListener("click", function(event){
    alert(event.target.innerText);
}, false);
 

DEMO

Saludos

[matrixre9]

Tu código me sirvió muy bien ahora quisiera hacer otra consulta, tengo este codigo junto con el tuyo

Código PHP:

  <?php
 
include ("leer/Extras/conexion.php");
 
//$con=conexion();
 
 
 
$res=mysql_query("select * from revision where estado='REVISION' ORDER BY  fecha_ing ASC limit 20",$con);
 
?>
 
<center><table  style="font-size:12px" border="8">
<tr width="300" height="100" align="center">
<th>Folio revision</th>
<th>Tipo Equipo</th>
<th>Tipo revision</th>
<th>Actualizar Antivirus</th>
<th>Actualizaciones</th>
<th>cont</th>
</tr>
 
<?php while($fila=mysql_fetch_array($res)){ 
//consulta para traer datos del equipo que tiene cada usuario
 
/*$res2=mysql_query("select * from equipos where id_trabajador='".$fila[id_trabajador]."'",$con);
 
while($fila2=mysql_fetch_array($res2))
{*/
$cont=$cont+1;
 
 
?>
 
<form>
<tr width="100" height="30" align="center">
<td onclick="javascript:window.open('http://google.com.mx/','','width=600,height=400,left=50,top=50,toolbar=yes');funcion()">
<?php echo $fila[folio_rev]; ?></a></td>
<td ><?php echo $fila[tipo_equipo]; ?></td>
<td><?php echo $fila[tipo_rev]; ?></td>
<td><?php echo $fila[respaldo]; ?></td>
<td><?php echo $fila[limpieza]; ?></td>
<td><?php echo $cont ; ?></td>
</tr>
</form>
 
<?php }?>
<script>
{
    document.querySelector("table").addEventListener("click", function(event){
    var y =event.target.innerText;
    alert(y);
},false);
 
 
}
 
</script>  

Quisiera saber si exite la manera de mandar la variable "Y" (que se encuentra en el script) a otra pagina y cargar dicha pagina.(en la otra pagina quiero realizar una consulta con esta variable)

[Alexis88]

Claro que puedes. Si deseas que eso ocurra en el momento en el que le das el clic, debes de hacer esto:

Código Javascript:

document.querySelector("table").addEventListener("click", function(event){ 
    if (event.target.tagName == "TD"){
        window.location = "tupagina.php?variable=" + event.target.innerText;
    }
},false);
 

Y en el archivo 'tupagina.php' (o como se llame), lo recibes así: $_GET['variable']. Le añadí una condición para que solo ocurra la redirección si se le dio clic a una celda de la tabla y no a otra parte de la misma.

Saludos

[matrixre9]

Exelente tu ayuda sin duda me has resuelto bastante dolor de cabeza :)

mira deje mi codigo asi

Código PHP:

  <?php 
 
include ("leer/Extras/conexion.php"); 
 
//$con=conexion(); 
 
 
 
$res=mysql_query("select * from revision where estado='REVISION' ORDER BY  fecha_ing ASC limit 20",$con); 
 
?> 
 
<center><table  style="font-size:12px" border="8"> 
<tr width="300" height="100" align="center"> 
<th>Folio revision</th> 
<th>Tipo Equipo</th> 
<th>Tipo revision</th> 
<th>Actualizar Antivirus</th> 
<th>Actualizaciones</th> 
<th>cont</th> 
</tr> 
 
<?php while($fila=mysql_fetch_array($res)){  
//consulta para traer datos del equipo que tiene cada usuario 
 
/*$res2=mysql_query("select * from equipos where id_trabajador='".$fila[id_trabajador]."'",$con); 
 
while($fila2=mysql_fetch_array($res2)) 
{*/ 
$cont=$cont+1; 
 
 
?> 
 
<form> 
<tr width="100" height="30" align="center"> 
<td onClick="funcion()"><?php echo $fila[folio_rev]; ?></a></td> 
<td><?php echo $fila[tipo_equipo]; ?></td> 
<td><?php echo $fila[tipo_rev]; ?></td> 
<td><?php echo $fila[respaldo]; ?></td> 
<td><?php echo $fila[limpieza]; ?></td> 
<td><?php echo $cont ; ?></td> 
</tr> 
</form> 
 
<?php }?> 
<script> 
function funcion()
{
document.querySelector("table").addEventListener("click", function(event){ 
    if (event.target.tagName == "TD"){
        window.open("dato.php?variable="+ event.target.innerText,'','width=600,height=400,left=50,top=50,toolbar=yes')
 
    }
},false);
}
 
</script>  

cambie algo del script y agregue una función al primer <td> y funciona muy bien pero pasa algo curioso, al cargarla pagina la primera vez me respeta e onclick de la función pero al ejecutarla la primera vez ya no me respeta el onclick en cualquier td que le de click ejecuta el script

[Alexis88]

El código que te proporcioné no debe de estar dentro de ninguna función, pues su fin es que ejecute una función al momento de dar un clic sobre cualquiera de las celdas.

Saludos

[matrixre9]

ok y ¿no existe manera de condicionarlo a que se ejecute a dar click solo en la primera celda?

[Alexis88]

Claro que se puede, pero no me queda claro si $fila[folio_rev] es el dato que deseas enviar.

[matrixre9]

<td onClick="funcion()"><?php echo $fila[folio_rev]; ?></a></td>

al darle click en el td el dato que esta adentro es el que quiero mandar en estecaso el dato q esta adentro es $fila[folio_rev]

[Alexis88]

Pues, la cosa se vuelve más sencilla. Olvida el código anterior, porque usarás tu función funcion(), pero deberás de enviarle el contenido de la celda como parámetro.

Código HTML:

<td onClick="funcion(this.innerText)">
 

Código Javascript:

function funcion(valor){
    window.location = "tupagina.php?variable=" + valor;
}
 

Saludos

[matrixre9]

Alexis88 amigo gracias muy concretas tus respuestas y muy acertadas también ya salio lo que quería lograr de ante mano muchas gracias todo funciono perfecto.