Te he hecho el trabajo duro, te he ordenado el codigo y le he añadido un par de ejemplos mas, para que veas como funciona. A lo mejor te interesa la aplicacion de "clases" si tienes muchos clientes, eso va de tu mano:
Código PHP:
<html>
<head>
<title>Mantenimiento Codigos Clientes</title>
<STYLE type=text/css>
.normal { background-color:'#E8ECE8'; cursor:hand; }
.resaltado { background-color:'#FFCC66'; cursor:hand; }
.oculto { display:none; }
.mostrado { display:block; }
</STYLE>
<script language="javascript">
<!--
var idsClientes=new Array("cliente1","cliente2","cliente3","cliente4");
function desmarcarTodos() {
for(a=0;a<idsClientes.length;a++) {
document.getElementById("lin"+idsClientes[a]).className='normal';
document.getElementById("si"+idsClientes[a]).className='oculto';
}
}
function marcar(idCliente) {
estaMarcado=document.getElementById("lin"+idCliente).className=="resaltado";
desmarcarTodos();
if(!estaMarcado) {
desmarcarTodos();
document.getElementById("lin"+idCliente).className='resaltado';
document.getElementById("si"+idCliente).className='normal';
}
}
//-->
</script>
</head>
<body>
<center>
<table border="1" cellpadding="0" width="630">
<tr>
<td width="502" colspan="4"><b>Clientes</b></td>
</tr>
<tr>
<td width="52"><b>Codigo</b></td>
<td width="319"><b>Descripcion</b></td>
<td width="63"><b>Usuario</b></td>
<td width="73"><b>Modificar</b></td>
</tr>
<!-- comienza linea del cliente cliente 1................................................................. -->
<tr class="normal" id="lincliente1" onclick="marcar('cliente1')">
<td width="52">12345</td>
<td width="319">juan perez</td>
<td width="63">DCDF</td>
<td width="73">BORRAR/MODIFICAR</td>
</tr>
<!-- fin de la linea cliente cliente1 .................................................................... -->
<!-- comienza sistemas instalados del cliente cliente1 ........................................................... -->
<tr id="sicliente1" class="oculto">
<td> </td>
<td width="500" colspan="3">
<table border="1" cellpadding="0" cellspacing="1" width="558" height="58">
<tr>
<td width="558" height="26" colspan="6"><b>Sistemas Instalados</b></td>
</tr>
<tr>
<td width="70" height="18"><b>Codigo</b></td>
<td width="93" height="18"><b>Nombre</b></td>
<td width="73" height="18"><b>Version</b></td>
<td width="54" height="18"><b>Multi</b></td>
<td width="85" height="18"><b>FechaInsta</b></td>
<td width="163" height="18"><b>Modifica/Borra</b></td>
</tr>
<tr>
<td width="70" height="14">S1231XX$codsis</td>
<td width="93" height="14">NEMESIS</td>
<td width="73" height="14">1.01</td>
<td width="54" height="14">MULTIUSUARIO</td>
<td width="85" height="14">13/02/1971</td>
<td width="163" height="14">modiBorra</td>
</tr>
</table>
</td>
</tr>
<!-- fin de sistemas instalados del cliente cliente1 ........................................................... -->
<!-- comienza linea del cliente cliente 2................................................................. -->
<tr id="lincliente2" class="normal" onclick="marcar('cliente2')">
<td width="59"> 1234</td>
<td width="500">paco</td>
<td>DEGA</td>
<td>BORRAR/MODIFICAR</td>
</tr>
<!-- fin de la linea cliente cliente2 .................................................................... -->
<!-- comienza sistemas instalados del cliente cliente2 ........................................................... -->
<tr id="sicliente2" class="oculto">
<td> </td><td colspan="3">
<table border="1" cellpadding="0" cellspacing="1" width="558" height="58" id="table1">
<tr>
<td width="558" height="26" colspan="6"><b>Sistemas Instalados</b></td>
</tr>
<tr>
<td width="70" height="18"><b>Codigo</b></td>
<td width="93" height="18"><b>Nombre</b></td>
<td width="73" height="18"><b>Version</b></td>
<td width="54" height="18"><b>Multi</b></td>
<td width="85" height="18"><b>FechaInsta</b></td>
<td width="163" height="18"><b>Modifica/Borra</b></td>
</tr>
<tr>
<td width="70" height="14">S1231XX$codsis</td>
<td width="93" height="14">NEMESIS0</td>
<td width="73" height="14">1.013</td>
<td width="54" height="14">MULTIUSUARIO</td>
<td width="85" height="14">13/02/1971</td>
<td width="163" height="14">modiBorra</td>
</tr>
</table>
</td>
</tr>
<!-- fin de sistemas instalados del cliente cliente2 ........................................................... -->
<!-- comienza linea del cliente cliente 3................................................................. -->
<tr id="lincliente3" class="normal" onclick="marcar('cliente3')">
<td> 4252</td><td>patan</td>
<td>FEAS</td>
<td>BORRAR/MODIFICAR</td>
</tr>
<!-- fin de la linea cliente cliente3 .................................................................... -->
<!-- comienza sistemas instalados del cliente cliente3 ........................................................... -->
<tr id="sicliente3" class="oculto">
<td width="59"> </td>
<td colspan="3">
<table border="1" cellpadding="0" cellspacing="1" width="558" height="58" id="table2">
<tr>
<td width="558" height="26" colspan="6"><b>Sistemas Instalados</b></td>
</tr>
<tr>
<td width="70" height="18"><b>Codigo</b></td>
<td width="93" height="18"><b>Nombre</b></td>
<td width="73" height="18"><b>Version</b></td>
<td width="54" height="18"><b>Multi</b></td>
<td width="85" height="18"><b>FechaInsta</b></td>
<td width="163" height="18"><b>Modifica/Borra</b></td>
</tr>
<tr>
<td width="70" height="14">S1231XX$codsis</td>
<td width="93" height="14">NEMESIS2</td>
<td width="73" height="14">3.01</td>
<td width="54" height="14">MULTIUSUARIO</td>
<td width="85" height="14">13/02/1971</td>
<td width="163" height="14">modiBorra</td>
</tr>
</table>
</td>
</tr>
<!-- fin de sistemas instalados del cliente cliente3 ........................................................... -->
<!-- comienza linea del cliente cliente 4................................................................. -->
<tr id="lincliente4" class="normal" onclick="marcar('cliente4')">
<td width="59"> 23423</td>
<td width="500">cliente ultimo</td><td>XXRA</td><td>BORRAR/MODIFICAR</td>
</tr>
<!-- fin de la linea cliente cliente4 .................................................................... -->
<!-- comienza sistemas instalados del cliente cliente4 ........................................................... -->
<tr id="sicliente4" class="oculto">
<td width="59"> </td>
<td colspan="3">
<table border="1" cellpadding="0" cellspacing="1" width="558" height="58" id="table3">
<tr>
<td width="558" height="26" colspan="6"><b>Sistemas Instalados</b></td>
</tr>
<tr>
<td width="70" height="18"><b>Codigo</b></td>
<td width="93" height="18"><b>Nombre</b></td>
<td width="73" height="18"><b>Version</b></td>
<td width="54" height="18"><b>Multi</b></td>
<td width="85" height="18"><b>FechaInsta</b></td>
<td width="163" height="18"><b>Modifica/Borra</b></td>
</tr>
<tr>
<td width="70" height="14">S1231XX$codsis</td>
<td width="93" height="14">NEMESIS3</td>
<td width="73" height="14">5.01</td>
<td width="54" height="14">NO</td>
<td width="85" height="14">13/02/1971</td>
<td width="163" height="14">modiBorra</td>
</tr>
</table>
</td>
</tr>
<!-- fin de sistemas instalados del cliente cliente4 ........................................................... -->
</table>
</center>
</body>
</html>
creo que esta todo bien, a mi me ha funcionado.
Un saludo