Trabajar con capas ocultas marcando/desmarcando checkbox

[Dorita]

Compañeros:

necesito una mano con esto: tengo un formulario que muestra datos extraidos de la bd, en la tabla donde muestro los resultados, al lado de cada registro coloco un checkbox para q lo marque si desea eliminar ese registro, pero no debe eliminarlo sin poner antes una observacion en un campo de texto. lo que necesito es que, cuando marque el checkbox, aparezca el textbox al lado del registro para colocar la obs., pero si desmarca la casilla, q desaparezca el textbox. eso, q suceda en cada uno de los registros, la página muestra aprox 30 registros en una tabla, esto debe suceder en forma independiente en cada uno de los registros. traté de hacer algo, pero me enredé. esto es parte del código q tengo:

Código PHP:

   
For I = iComienzo to iFin %>  
             
                <tr class="bordeTablaOscuro" onMouseOver="resaltar(this)" onMouseOut="normal(this)" onClick="marcar(this)">                     
                                 
<% 
                    plat = vector(plataforma,I) 
                     
                    If (plat = "106") Then  %>                                                      
                        <td align="center" width="20%" >TV Cable</td>")                                     
<%                    ElseIf (plat = "107") Then  %>                                                     
                        <td align="center" width="20%">Telefon&iacute;a</td>                                         
<%                    ElseIf (plat = "108") Then  %>                                                     
                        <td align="center" width="20%">Internet</td>                                         
<%                    ElseIf (plat = "109") Then %>                                                      
                        <td align="center" width="20%">Visitas Pendientes</td>                                         
<%                    End If    %>         
 
<%                    rutCliente = Right(vector(rut ,I), 10)    %>                 
                    <td width="20%" align="center"><%=rutCliente%></td>                 
<%                    llamadas = vector(cantLlamados ,I)%>                                             
                    <td width="22%" align="center"><%=llamadas%></td>         
<%                    fecha = vector(fechaLlamados ,I)%>                                                     
                    <td width="22%" align="center"><%=fecha%></td> 
<%                    clavesPpales = rutCliente& ";" & plat & ";" & llamadas & ";" & fecha 
                    contador = contador + 1 %> 
 
'aqui esta el checkbox 
                    <td width="22%" align="center"><input name="chbx_rutCliente<%=contador%>" type="checkbox" value="<%=clavesPpales%>" onClick="Alternar()"></td> 
                    <div id="camposTexto" style="display:none;"><td width="22%" align="center"> 
                    <input type="text" name="txt_observacion<%=contador%>" size="20"> 
                    </td> 
                    </div> 
                </tr>                                             
<%            Next  %>  
   

si me pueden dar ideas acerca de como hacerlo, se los agradecería un montón.
salu2.-

[Cap.Buscapina]

hola, probá esto:
el checkbox:

<input name="chbx_rutCliente<%=contador%>" type="checkbox" value="<%=clavesPpales%>" onClick="Alternar('txt_observacion<%=contador%>')" >

el div sería así:

<td width="22%" align="center"> <div id="camposTexto" style="visibility:hidden;">
<input type="text" name="txt_observacion<%=contador%>" size="20"></div></td>

y la funcion:

function Alternar(t){
txtarea=document.forms['nombreformulario'][t];
if (txtarea.style.visibility=="hidden"){
txtarea.style.visibility=visible;
}else{
txtarea.style.visibility=hidden;
}
}

no la probé, pero debería funcionar


suerte.

[Dorita]

Gracias Cap.Buscapina, la probaré y te cuento.-

salu2.-

[Dorita]

Yap, le hice unas pequeñas modificaciones a la sugerencia de Cap.Buscapina, y ya funciona:

1.- primero que nada, le saque la capa y deje el chexbox por defecto, oculto.

así quedó:

Código HTML:

<script languaje="javascript" type="text/javascript">
function Alternar(t){	
		txtarea=document.forms['detalleServ'][t];
		if (txtarea.style.visibility=='hidden'){
			txtarea.style.visibility="";
		}else{
		txtarea.style.visibility="hidden"; 
		}
	
	}	

Código HTML:

<td width="22%" align="center"><input name="chbx_rutCliente<%=contador%>" type="checkbox" value="<%=clavesPpales%>" onClick="Alternar('txt_observacion<%=contador%>')"></td>
					<td width="22%" align="center">					
						<input type="text" name="txt_observacion<%=contador%>" size="20" style="visibility:hidden">										
					</td> 

Muchísimas gracias, y salu2.-

[Cap.Buscapina]

ok. me alegro