problema con readonly

GreenlanternX · #1 (**permalink**) 18/01/2007, 07:52

hola a todos. tengo el siguiente problema, estoy realizando un formulario k debe contener una lista de opciones en un select, entre las cuales hay una con value="0", la idea es k al cambiar el value llama a un javascript, el cual al encontrar k el value no es "0" debe dejar unos textbox al final del documento en readonly, y deshabilitar el readonly cuan el valor sea 0, el codigo es el sig:

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Formulario de SobreDimensi&oacute;n</title>
</head>
<body background="fondo1.jpg">
<div align="center">Formulario de SobreDimension
</div>
<script>
<!--
function opcion(){
if (document.form1.camion.value=="0"){

    document.form1.cm.readOnly=false;
document.form1.cp.readOnly=false;
	 }
else {

    document.form1.cm.readOnly=true;
    document.form1.cp.readOnly=true;
	 }
}
-->
</script>
<form name="form1" action="form5.htm" method="post">
  <div align="center">
  <table>
    <tr><th width="91"></th><th width="75">Marca</th><th width="93">Patente</th></tr>
    <tr><td>Camion</td><td colspan="2"><select name="camion" onChange="opcion()"><option value="0"selected> No disponible</option>
	<option value='Scania.hja-456'>Scania--hja-456</option></select> </td> </tr>
    <tr><td>SemiRemolque</td><td colspan="2"><select name="semi" onChange="opcion()"><option value="0" selected>No disponible</option>
	1<option value='.'>--</option></select> </td></tr>
    <tr><td>Remolque</td><td colspan="2"><select name="remolque" onChange="opcion()"><option value="0" selected>No disponible</option>
	<option value='Goren.gh-98'>Goren--gh-98</option></select></td>
    </tr>
    
</table>
  si alguno de los datos antiguos no es requerido seleccione la opcion 'no'.<br>
  si alguno de los datos antiguos no es el que necesita, puede rellenar los datos manualmente aca

<input type="hidden" name="rut-emp" value="123">
  <div align="center">
  <table>
    <tr><th></th><th>Marca</th><th>Patente</th></tr>
    <tr><td>Camion</td><td><input type="text" name="cm" ></td><td><input type="text" name="cp" ></td></tr>
    <tr><td>SemiRemolque</td><td><input type="text" name="sm" readonly="false"></td><td><input type="text" name="sp" readonly="false"></td></tr>
    <tr><td>Remolque</td><td><input type="text" name="rm" readonly="false"></td><td><input type="text" name="rp" readonly="false"></td></tr>
  </table>
  <input type="submit" value="Siguiente">
  </div>
</form>
</body>
</html>

ya he intentado retirando document en las sentencias de asignacion, poniendo := en lugar de = pero sigue sin funcionar y el acceso a los distintos bloques del if los valide con alert , l cual me indico k si entraba en los blokes

boterogomezalex · #2 (**permalink**) 18/01/2007, 07:55

la propiedad readonly la debes escribir de la siguente manera

readOnly

y el valor debe ser true o false sin comillas

GreenlanternX · #3 (**permalink**) 18/01/2007, 09:48

hice los cambios k dijiste y todavia no funciona

caricatos · #4 (**permalink**) 18/01/2007, 10:00

Hola:

Lo que te aconsejaron es muy preciso... y no quites el "document" (yo suelo usar document.forms pero con document debería ser sufi)... y las asignaciones son javascript (no pascal) y se hacen con "=" y las comparaciones con "==".

Si sigue sin funcionar, te recomiendo que pongas tu código actual.

Saludos

GreenlanternX · #5 (**permalink**) 18/01/2007, 11:01

ya actualize el codigo arriba , a y lo de las asignaciones probe con := , por k habia visto un codigo en algun lenguaje web, k no recuerdo en este minuto, en donde se hacian asi las asignaciones, pero despues de eso segui con =

caricatos · #6 (**permalink**) 18/01/2007, 12:09

Hola:

Supongo que ya funciona (acabo de probarlo...)

Un par de apuntes para que simplifiques el código:

Si pones como parámetro el elemento (o el formulario) puedes simplificar la sintaxis y sería fácil re-utilizarlo:
onchange="opcion(this)" -> el parámetro es el select...
onchange="opcion(this.form)" -> el parámetro es el formulario...

Luego en la definición para referenciar al formulario sería
function opcion(f) {
// si f es el select, el formulario sería f.form... y el elemento cm se obtendría con f.form.cm
// si f es el form el elemento cm sería f.cm

Y la función se simplificaría pasándole el formulario como parámetro (onchange="opcion.this.form"):

function opcion(f) {
f.cm.readOnly = f.cp.readOnly = (f.camion.value != "0")
}

Saludos

GreenlanternX · #7 (**permalink**) 18/01/2007, 14:44

lo probare mañana, ahora toy ocupao , pero grax de todos modos

GreenlanternX · #8 (**permalink**) 22/01/2007, 12:20

ahora si funciona gracias por la ayuda

GreenlanternX · #9 (**permalink**) 26/01/2007, 13:11

ahora estoy haciendo otro formulario , donde trate de reciclar la funcion pa cambiar el readonly, he probado varias formas pero no me ha activado los blokes de texto

Código HTML:

function desbloqueo(){
form1.edit.disabled = !form1.edit.disabled;
form1.save.disabled = !form1.save.disabled;
form1.grado.readonly= !form1.edit.disabled;
form1.bienios.readonly= !form1.edit.disabled;
form1.estamento.readonly=!form1.edit.disabled;
}

los bloques de texto grado , bienios y estamento parten en readonly=true, y save es un boton k parte en disabled, con la opcion onclick llamo a esa funcion pero hasta el momento lo uniko k hace bien es habilitar el boton save