Privacidad: Recuerde que la información escrita en los foros de programación es 100% pública y que su ip será registrada asociada a su mensaje. Si encuentra un mensaje fuera de lugar, por favor, notifiquelo para su revisión y eliminación.
Ocultar / mostrar texto
Enviado por vistor el día 14 de junio de 2005
Soy bastante nuevo en esto de javascript. Últimamente estoy viendo que se pueden hacer cosas muy útiles para tratar los formularios.
El tema es que en mi empresa estoy haciendo una aplicación web de Gestión. En el apartado de dar de alta un cliente nuevo hay que rellenar muchos campos y por lo tanto lo hago en varios pasos para que sea más sencillo. De hecho yo pinto todo el formulario entero, pero en el primer paso quiero que estén activos los campos del formulario de los datos generales, y luego cuando le doy al botón se me activen los campos de datos bancarios... no se si me explico. Eso, con javascript más o menos tengo idea de como hacerlo. Se como ocultar o hacer visibles los diferentes campos a mi antojo. El problema viene con las etiquetas que muestran la información de cada campo. Como puedo ocultar realmente un texto con javascript???
Lo que yo tengo es:
Nombre del banco <input type=text name=nombre_banco disabled>
Pues bien cuando yo le doy a un botón que tengo le pongo el disabled del input a false para mostrarlo. Pero como oculto o muestro la parte que dice "Nombre del banco"??? He leido algo sobre la etiqueta <label> pero me parece que esta no se puede tratar con javascript no??? Es eso cierto???
Puedes usar la opción display none (ocultar) o display block que admiten casi todos los tags de html.
Si estructuras correctamente tu formulario, agrupando, por ejemplo toda la información bancaria dentro de una misma fila, puedes ocultar/visualizarla con una única sentencia.
Por ejemplo:
<HTML>
<HEAD>
<TITLE>Ejemplo</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT language="javascript">
function MostrarOcultar (objetoVisualizar) {
if (document.all[objetoVisualizar].style.display=='none') {
document.all[objetoVisualizar].style.display='block';
} else {
document.all[objetoVisualizar].style.display='none';
}
}
</SCRIPT>
</HEAD>
Una duda, hay un codigo que funcione absolutamente para todos los navegadores? este codigo que pusiste ejemplo funciona perfecto en IE, pero estoy realizando una aplicación con un formulario enorme (realmente enorme!), pero tiene que funcionar para Mozilla FireFox, Netscape y por supuesto IE. Te agradecería me dieras alguna idea.
Te puedo decir que tanto con Mozilla como IE funciona, en cuanto a Netscape no lo he probado pero entiendo que debería funcionar ya que sólo utiliza un atributo de style, nada de layer o div...
Loco!! Me salvaste la vida!!...Gracias a tu ejemplo lo tome como base...y pude resolver un problema que me estaba volviendo loquiiiisimo de remate ya!!! =)
Enviado por Esmeralda el día 16 de diciembre de 2005
Y cómo le puedes hacer para que dependiendo si esta o no seleccionado un radio te muestre o te oculte otros radios, un text y un texto???
Agradecería mucho su ayuda!!!!
Foros de debate
Javascript
