Como puedo yo deshabilitar un campo e el cual muestro un resutado, antes de ingresar el ultimo valor posible?
Me explico mejor: tengo un algoritmo donde calculo el area y perimetro de un poligono, lo que quiero es que los cuadros de texto donde imprimo el resultado, me aparezcan deshabilitados, es decir, que el usuario no pueda escribir sobre ellos, solo hasta cuando esten todos los campos que el usuario ingresa con los valores llenos
Aca tengo el codigo del formulario
Código HTML:
Ver original
<div align="center"><h3>NUMERO DE LADOS
</h3>
<input type="text" name="lado" size="10" maxlength="7" onkeyup="num(this);" onblur='num(this);' //>
<input type="text" name="valor" size="10" />
<input type="text" name="apotema" size="10" /><br>
// Aca las dos cajas de texto donde imprimo los resultados
<div align="center"><h3>VALOR PERIMETRO
</h3> <input type="text" name="perimetro">
<input type="text" name="resultado"><br>
//ACA EL BOTON DEL CALCULO
<center>
<input type="button" value="Calcular valores" onClick="area()"> <input name="Limpiar" type="reset" id="Limpiar" value="Borrar valores ingresados "></center>
Y aca el codigo JavasCript donde opero las formulas
Ya tengo todo validado, asi que dicha parte la omito
Código Javascript
:
Ver original<script languaje="JavaScript">
function area()
{
lado=document.datos.lado.value;
valor=document.datos.valor.value;
apotema=document.datos.apotema.value;
perimetro=lado*valor;
document.datos.perimetro.value=perimetro;
document.datos.resultado.value=perimetro*apotema/2;
}
</script>
Es decir, quiero inicialmente mostrar deshabilitados las cajas de perimetro y resultado, una vez ingresados todos los datos, habilitarlas con el resultado nada mas..
Como puedo hacerlo?...Agradezco me puedan colaborar