Buenos días compañeros,
llevo rato intentando solucionar eso se supone que tengo una tabla en donde necesito que si se le da clic al TR o (linea) debajo salga el detalle de dicho Id, todo lo tengo en un do while de php y trato de hacerlo ocultando la segunda tabla y que al dale clic la muestre pero no funciona .
A continuación les dejo el código PHP y la función de Javascript:
CSS
#tabla12{display: none;}
JAVASCRIPT - FUNCION
<script type="text/javascript">
function View(){
if ((document.getElementById('tabla12').style.display ) == 'none') {
document.getElementById('tabla12').style.display=' block';
};
}
</script>
</head>
<body id="bodyList">
<center>
<div id="tleList">
<h1 id="h">Encuesta QR</h1></div>
<div id="contName2"><div id="divList">
<div id="Errors2"><br><input type="search" id="camTex" class="light-table-filter" data-table="order-table" id="tBox" placeholder="Búsqueda Global"></div>
PHP:
$link = mysql_connect("localhost", "root");
mysql_select_db("crm", $link);
$result = mysql_query("SELECT *, count(*) as 'Total' FROM datos d INNER JOIN encuesta e ON d.Id = e.Id_E GROUP BY d.Id ORDER BY e.Fecha_E DESC LIMIT 0,60", $link);
if ($row = mysql_fetch_array($result)){
//Primera tabla
echo '
<table border=1 align="center" FRAME=VSIDES width="100%" >
<thead>
<tr>
<td><center><b>Nombre y Apellido</b></center></td>
<td><center><b>Cedula</b></center></td>
<td><center><b>Celular</b></center></td>
<td><center><b>Cuantos</b></center></td>
</tr>
</thead>';
do {
echo '
<table border=1 align="center" width="100%" class="order-table table">
<tbody>
<tr onClick="View">
<td><a >'.$row['Nombre'].' '.$row['Apellido'].'</a></td>
<td><a>'.$row['Cedula'].'</a></td>
<td><a>'.$row['Celular'].'</a></td>
<td><a><div id="Bool">'.$row['Total'].'</div></a></td>
<td>
<td><button onclick="View" value='.$row['Id'].' id="Ver">Ver</button></td>
</tr>
<tr>
<table border=1 align="center" width="100%" class="tabla" id="tabla12">
<thead>
<tr>
<td><center><b>Mesero</b></center></td>
<td><center><b>PuntoV</b></center></td>
<td><center><b>Estar</b></center></td>
<td><center><b>Calidad</b></center></td>
<td><center><b>Servicio</b></center></td>
<td><center><b>Tiempo</b></center></td>
<td><center><b>Pstacion</b></center></td>
<td><center><b>Rmdacion</b></center></td>
<td><center><b>Prlidad</b></center></td>
<td><center><b>Observa</b></center></td>
<td><center><b>MultiC</b></center></td>
<td><center><b>Politica</b></center></td>
</tr>
</thead>
<tbody>
<tr>
<td>'.$row['Mesero'].'</td>
<td>'.$row['PV'].'</td>
<td>'.$row['Estar'].'</td>
<td>'.$row['Calidad'].'</td>
<td>'.$row['Servicio'].'</td>
<td>'.$row['Tiempo'].'</td>
<td>'.$row['Pstacion'].'</td>
<td>'.$row['Rmdacion'].'</td>
<td>'.$row['Prlidad'].'</td>
<td>'.$row['Observa'].'</td>
<td>'.$row['Multicanal'].'</td>
<td>'.$row['Politica'].'</td>
</tr>
</tbody>
</table>
</tr>
</tbody>
</table>';
} while ($row = mysql_fetch_array($result));
} else {
echo "<div id='Errors'>
<h1 style='color: red; font-size: 18px;'>¡ $Agent No tiene ningún registro !</h1>
</div>";
}
Les agradecería su colaboración