Foros del Web » Creando para Internet » HTML »

ayuda con campos de texto ocultos

Estas en el tema de ayuda con campos de texto ocultos en el foro de HTML en Foros del Web. hola comunidad como estan me pueden ayudar con un codigo,les platico lleno un formulario con la informacion de una base de datos eso ya lo ...
  #1 (permalink)  
Antiguo 13/09/2010, 12:50
 
Fecha de Ingreso: septiembre-2009
Mensajes: 8
Antigüedad: 8 años, 2 meses
Puntos: 0
ayuda con campos de texto ocultos

hola comunidad como estan me pueden ayudar con un codigo,les platico lleno un formulario con la informacion de una base de datos eso ya lo tengo, ahora lo que quiero hacer es que no puedan modificar la informacion hasta que un radio u checkbox esten seleccionados, ya pude bloquear los campos de texto pero me falta laguna funcio o un atributo para poder decir cuando seleccione esta fila pueda alterar todos los campos de esa fila este es mi codigo.

Código HTML:
<table>
        <tr>
            <th></th>
            <th>Nombre</th>
            <th>Apellidos</th>
            <th>Tipo de Participante</th>
        </tr>
        <tr id='1'>
            <td><input type='checkbox'/></td>
            <td><input type='text' value='Rey Valentin' onFocus='this.blur()'/></td>
            <td><input type='text' value='Villagomez Lucio'onFocus='this.blur()'/></td>
            <td><input type='text' value='Comprador' onFocus='this.blur()'/></td>
        </tr>
        <tr id='2'>
            <td><input type='checkbox'/></td>
            <td><input type='text' value='Pedro ' onFocus='this.blur()'/></td>
            <td><input type='text' value='Gutierrez Aldama' onFocus='this.blur()'/></td>
            <td><input type='text' value='Operante' onFocus='this.blur()'/></td>
        </tr> 

gracias
  #2 (permalink)  
Antiguo 13/09/2010, 13:27
Avatar de _cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 7 años, 6 meses
Puntos: 309
Respuesta: ayuda con campos de texto ocultos

En vez de usar onfocus='this.blur();' usa disabled='disabled', y dale un id a cada input. Ahora:
Código Javascript:
Ver original
  1. function habil(a, b, c, d){
  2.  document.getElementById(b).disabled = a ? false : true;
  3.  document.getElementById(c).disabled = a ? false : true;
  4.  document.getElementById(d).disabled = a ? false : true;
  5. }
Código HTML:
Ver original
  1. <input type='checkbox' onclick="habil(this.checked, 'id1', 'id2', 'id3');" />

Saludos (:
__________________
" Getting older’s not been on my plans
but it’s never late, it’s never late enough for me to stay. "
Cigarettes - Russian Red
  #3 (permalink)  
Antiguo 13/09/2010, 14:06
 
Fecha de Ingreso: septiembre-2009
Mensajes: 8
Antigüedad: 8 años, 2 meses
Puntos: 0
Respuesta: ayuda con campos de texto ocultos

Cita:
Iniciado por _cronos2 Ver Mensaje
En vez de usar onfocus='this.blur();' usa disabled='disabled', y dale un id a cada input. Ahora:
Código Javascript:
Ver original
  1. function habil(a, b, c, d){
  2.  document.getElementById(b).disabled = a ? false : true;
  3.  document.getElementById(c).disabled = a ? false : true;
  4.  document.getElementById(d).disabled = a ? false : true;
  5. }
Código HTML:
Ver original
  1. <input type='checkbox' onclick="habil(this.checked, 'id1', 'id2', 'id3');" />

Saludos (:
muchas gracias me sirvio mucho _cronos2

Etiquetas: campos, ocultos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:15.