Habilitar / Dehabilitar boton en mantenimiento de datos

vidalsoft · #1 (**permalink**) 15/09/2008, 15:09

Hola amigos de forosdelweb ;)...
tengo la siguiente consulta:

tengo:

Código HTML:

<input name="b1" type="submit" id="b1" value="Nuevo"> <input name="b1" type="submit" id="b1" value="Modificar"> <input name="b1" type="submit" id="b1" value="Grabar"> <input name="b1" type="submit" id="b1" value="Eliminar">
      <input name="txtBuscar" type="text" id="txtBuscar" /> <input name="b1" type="submit" id="b1" value="Buscar" />

ayudenme como puedo implemetar la habilitacion y deshabilitacion de botones con la siguiente logica funcional...

-al cargar el formulario los botones modificar y grabar deben estar deshabilitados.
-al hacer click en el boton nuevo , los botones modificar,eliminar y buscar deben estar deshabilitados.
-al hacer click el boton buscar , el boton guardar debe estar deshabilitado.

nota: todos los botones deben tener como nombre b1
gracias de antemano...

David · #2 (**permalink**) 15/09/2008, 15:14

Para que aparezcan deshabilitados al comienzo solo debes agregarles disabled. Por ejemplo:

Código HTML:

<input type="button" name="b1" id="Eliminar" disabled />

Y para cambiar al hacer click, solo modifica el atributo disabled del elemento.
Sólo hay que considerar que aunque el name sea igual, los id deben ser diferentes y llamar a cada objeto usando getElementById.

vidalsoft · #3 (**permalink**) 15/09/2008, 15:20

Cita:

Iniciado por David el Grande

Para que aparezcan deshabilitados al comienzo solo debes agregarles disabled. Por ejemplo:

Código HTML:

<input type="button" name="b1" id="Eliminar" disabled />

Y para cambiar al hacer click, solo modifica el atributo disabled del elemento.
Sólo hay que considerar que aunque el name sea igual, los id deben ser diferentes y llamar a cada objeto usando getElementById.

Gracias por el primer aporte , pero esque desconosco mucho javascript.. podrias hacer el ejemplo de acuerdo al tema, con getElementById ?
te lo agredeceria...

EPROM · #4 (**permalink**) 15/09/2008, 15:21

te puede servir:

Código:

.
..
...

function init() {
  document.getElementById('nuevo').disabled = true;
  document.getElementById('edit').disabled = true;
}
function nuevo() {
  document.getElementById('eliminar').disabled = true;
  document.getElementById('edit').disabled = true;
  document.getElementById('buscar').disabled = true;
}
function buscar() {
  document.getElementById('grabar').disabled = true;
}
function habilitar() {
  document.getElementById('nuevo').disabled = false;
  document.getElementById('edit').disabled = false;
  document.getElementById('grabar').disabled = false;
  document.getElementById('eliminar').disabled = false;
  document.getElementById('buscar').disabled = false;
}
</script>
</head>

<body onLoad="init();">

<input name="b1" type="submit" id="nuevo" value="Nuevo" onClick="javascript:nuevo();">       
<input name="b1" type="submit" id="edit" value="Modificar">        
<input name="b1" type="submit" id="grabar" value="Grabar">        
<input name="b1" type="submit" id="eliminar" value="Eliminar">
<input name="txtBuscar" type="text" id="txtBuscar" /> 
<input name="b1" type="submit" id="buscar" value="Buscar" onClick="javascript:buscar();" />

....
..
.

Saludos

vidalsoft · #5 (**permalink**) 15/09/2008, 15:39

Gracias.. pero solo funciona el init();

los demas no.. porque si se dan cuenta los botones envian de nuevo al formulario. y creo que es por eso que no me funciona. y es por eso que solo funciona el init por que lo pusiste en en body onLoad

David · #6 (**permalink**) 15/09/2008, 15:44

Si es que los botones recargan la página habrá que pasarle un parámetro por la URL para que sepa cuál de los botones debe deshabilitar.

vidalsoft · #7 (**permalink**) 15/09/2008, 15:50

Cita:

Iniciado por David el Grande

Si es que los botones recargan la página habrá que pasarle un parámetro por la URL para que sepa cuál de los botones debe deshabilitar.

Ejemplo !!! porfavor ....

David · #8 (**permalink**) 15/09/2008, 15:51

Es que para un ejemplo habrá que ver el formulario, ya que vamos a interferir en el action del form, pues vamos a pasar otro parámetro.

Quizás sería útil hacerlo directamente con PHP, recibiendo el parámetro y devolviendo a disabled los respectivos input.