Foros del Web » Programando para Internet » Javascript »

Como Habilitar/Deshabilitar campo de texto con boton?

Estas en el tema de Como Habilitar/Deshabilitar campo de texto con boton? en el foro de Javascript en Foros del Web. Hola a todos...necesito ayuda en lo siguiente: Tengo 6 campos de texto y al iniar la pagina estos deben estar desabilitados, la idea es que ...
  #1 (permalink)  
Antiguo 24/04/2009, 08:29
 
Fecha de Ingreso: enero-2009
Mensajes: 106
Antigüedad: 16 años
Puntos: 0
Pregunta Como Habilitar/Deshabilitar campo de texto con boton?

Hola a todos...necesito ayuda en lo siguiente:
Tengo 6 campos de texto y al iniar la pagina estos deben estar desabilitados, la idea es que el usuario de click a un boton y se desbloqueen los campos de texto para que pueda editar su contenido...
Como lo podria hacer??,
Yo habia pensado en esto:
En el campo de texto agrege este codigo

<?php if($var1==1) echo disabled?>

asi desabilito los textbox, y en el evento onClick del boton colocar un codigo que me cambie el estado del textbox, pero no he logrado como hacerlo.

Si alguien conoce algun otro metodo que por favor me lo indique...gracias
  #2 (permalink)  
Antiguo 24/04/2009, 08:31
Avatar de acoevil  
Fecha de Ingreso: julio-2008
Ubicación: localhost/colombia/sevillaValle.php
Mensajes: 1.123
Antigüedad: 16 años, 5 meses
Puntos: 32
Respuesta: Como Habilitar/Deshabilitar campo de texto con boton?

Deshabilitar un boton ya es tema de javascript

document.miformulario.nombreboton.disabled=true;
  #3 (permalink)  
Antiguo 24/04/2009, 08:42
 
Fecha de Ingreso: febrero-2009
Ubicación: cancun!
Mensajes: 898
Antigüedad: 15 años, 11 meses
Puntos: 15
Respuesta: Como Habilitar/Deshabilitar campo de texto con boton?

yo hice esto mira
Cita:
echo "<script language=\"javascript\">
function datosg(){
document.getElementById(iddelcampo).disabled = false;";
echo "}</script>";
y en boton puse esto en el on click
javascript:datosg
__________________
WHERE IS MY BLUE SUNNY SKY??
pd: todos los karmas son bienvenidos :D
  #4 (permalink)  
Antiguo 24/04/2009, 09:04
 
Fecha de Ingreso: enero-2009
Mensajes: 106
Antigüedad: 16 años
Puntos: 0
Respuesta: Como Habilitar/Deshabilitar campo de texto con boton?

Cita:
Iniciado por acoevil Ver Mensaje
Deshabilitar un boton ya es tema de javascript

document.miformulario.nombreboton.disabled=true;
No es deshabilitar un boton sino que habilitar varios campos de texto al hacer click en un boton.

harvestmoon:

Disculpa pero no entiendo bien, donde colocas el codigo

echo "<script language=\"javascript\">
function datosg(){
document.getElementById(iddelcampo).disabled = false;";
echo "}</script>";
  #5 (permalink)  
Antiguo 24/04/2009, 09:12
 
Fecha de Ingreso: febrero-2009
Ubicación: cancun!
Mensajes: 898
Antigüedad: 15 años, 11 meses
Puntos: 15
Respuesta: Como Habilitar/Deshabilitar campo de texto con boton?

lo colocas en cual kier parte de php
yo lo puse debajo del boton q keria deshabilitar
y si lo q kieres es habilitar campos de texto es = solo cambia el Id de los txt y le pones true

nota: los id no deben repetirse cada campo con su ID
saludines!!
__________________
WHERE IS MY BLUE SUNNY SKY??
pd: todos los karmas son bienvenidos :D
  #6 (permalink)  
Antiguo 24/04/2009, 09:14
Avatar de GatorV
$this->role('moderador');
 
Fecha de Ingreso: mayo-2006
Ubicación: /home/ams/
Mensajes: 38.567
Antigüedad: 18 años, 7 meses
Puntos: 2135
Respuesta: Como Habilitar/Deshabilitar campo de texto con boton?

Tema trasladado desde PHP
  #7 (permalink)  
Antiguo 24/04/2009, 09:22
Avatar de lobo_php  
Fecha de Ingreso: noviembre-2007
Ubicación: Cali-Colombia
Mensajes: 1.869
Antigüedad: 17 años, 2 meses
Puntos: 75
Respuesta: Como Habilitar/Deshabilitar campo de texto con boton?

no te molestes mucho
Código html:
Ver original
  1. <input type="text" disabled="disabled" id="uno">
  2.  
  3. <input type="button" onClick="activar()" value="activar">

luego en un script de javascript

Código javascript:
Ver original
  1. function activar(){
  2.   document.getElement.ById("uno").disabled = false;
  3. }

eso es lo que me han dicho por que me dicen que no use el parametro removeAttribute xD
__________________
Cabuntu.org - Difundiendo Software Libre en Cali, Colombia
Usuario Linux # 483175
  #8 (permalink)  
Antiguo 24/04/2009, 10:18
 
Fecha de Ingreso: enero-2009
Mensajes: 106
Antigüedad: 16 años
Puntos: 0
Respuesta: Como Habilitar/Deshabilitar campo de texto con boton?

Muchas gracias..., pero con este metodo activo solo un campo de texto, la idea esque al dar click en un boton se activen todos los campos de texto que tenga la pagina.
  #9 (permalink)  
Antiguo 24/04/2009, 12:06
 
Fecha de Ingreso: febrero-2009
Ubicación: cancun!
Mensajes: 898
Antigüedad: 15 años, 11 meses
Puntos: 15
Respuesta: Como Habilitar/Deshabilitar campo de texto con boton?

echo "<script language=\"javascript\">
function datosg(){
document.getElementById(iddelcampo1).disabled = false;
document.getElementById(iddelcampo2).disabled = false;
document.getElementById(iddelcampo2).disabled = false;
document.getElementById(iddelcampo3).disabled = false;
document.getElementById(iddelcampo4).disabled = false;";
echo "}</script>";


y q te cuesta agregarle los demas ID de tus campos???
ya en el onclick del boton le pones la accion
PD: trata de poner tmb de tu parte
saludines!!
__________________
WHERE IS MY BLUE SUNNY SKY??
pd: todos los karmas son bienvenidos :D
  #10 (permalink)  
Antiguo 24/04/2009, 13:50
 
Fecha de Ingreso: enero-2009
Mensajes: 106
Antigüedad: 16 años
Puntos: 0
Respuesta: Como Habilitar/Deshabilitar campo de texto con boton?

Gracias a todos...problema solucionado...
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 21:59.