Ocultar TextBox

aquiros · #1 (**permalink**) 11/05/2010, 10:21

Hola!

Resulta que en mi pagina tenemos un combo con 3 tipos de telefono. Cada tipo de telefono debe usar una mascara diferente. Agregamos 3 textbox, uno para cada tipo de telefono con la mascara respectiva.

Queremos que cada vez que el usuario seleccione en el combo un tipo, le aparezca el textbox que le corresponde y los otros 2 los oculte (esto esta hecho en javascript)... Hasta ahi todo muy bien... Pero el problema que nos da es cuando presionamos el boton "Agregar", se realiza un postback y nos hace visible las 3 cajas de texto.

¿Como podemos hacer, para que estos textbox se mantengan ocultos apersar de los postback que realice mi pagina...?

Los textbox estan visibles, la forma en que los ocultamos es (Javascript):

if (combo.value == 5) {
txt3.style.display = 'block';
txt.style.display = 'none';
txt2.style.display = 'none';
}
if (combo.value == 4) {
txt.style.display = 'block';
txt2.style.display = 'none';
txt3.style.display = 'none';
}

Les agradecemos su ayuda...

David · #2 (**permalink**) 11/05/2010, 11:22

Puedes: 1) Ocultar los campos desde el servidor luego del postback; 2) Ejecutar el código Javascript que oculta los campos en el evento onload de la página.

aquiros · #3 (**permalink**) 11/05/2010, 12:02

Muchas gracias por respondernos tan rapido

Creo que lo mas conveniente es ejecutar el codigo en el evento onload...

Estamos trabajando en un usercontrol, coloque esta sentencia en el evento Page_load :

Dim cstype As Type = Me.[GetType]()
Page.ClientScript.RegisterStartupScript(cstype, "Prueba", "<script language=JavaScript>Prueba();</script>")

Pero no nos funciona....

Es así como nos decias?...

Muchas Gracias!!

lukas4 · #4 (**permalink**) 11/05/2010, 13:00

algo asi ocupan?

Código HTML:

Ver original<script type="text/javascript">
function ocultar(){
   document.getElementById("1").style.visibility="hidden";
   document.getElementById("2").style.visibility="hidden";
   document.getElementById("3").style.visibility="hidden";
}
function fon(a){
if(a != ""){
   document.getElementById(a).style.visibility="";
   }
}
</script>
<html>
<body onload="ocultar()">
 
<select id="telefono" onchange="ocultar();fon(document.getElementById('telefono').value)">
   <option>seleccione telefono</option>
   <option value="1">telefono 1</option>
   <option value="2">telefono 2</option>
   <option value="3">telefono 3</option>
</select>
<input type="button" value="agregar" onclick="fon(document.getElementById('telefono').value)"/>
<div id="1">
   <input type="text" />
</div>
<div id="2" style.display="none">
   <input type="text"/>
</div>
<div id="3" style.display="none">
   <input type="text"/>
</div>
</body>
</html>