Como ocultar boton con javascript al iniciar el formulario

[jccomven]

Me gustaria ocultar un boton al iniciar un formulario. Este boton se debe de ocultar cuando el valor de un textbox="CERRADA".

Un saludo y gracias

[ceSharp]

hola jccomven,
tienes que crear una función que se ejecute al inicio de tu formulario:

window.onload=function() {...}

coja el ID de tu textbox,

document.getElementById('....').value

compruebe su valor, y si es ="CERRADA" ocultas el botón:

...style.display = 'none';



saludos.

[jccomven]

Buenas y gracias por contestar.¿Donde pondría?

window.onload=function() {...}

Gracias

[jccomven]

Algo asi?

<script language="Javascript">

window.onload=function ocultar();

function ocultar()
{
if(document.getElementById('modificar').value= 'Cerrada')
{
document.getElementById('modificar').style.display = 'none';

}
}

</script>

La cuestion es donde pongo window.onload

[ceSharp]

cuando llamas a una función en el evento de carga (onload) no hace falta ponerle nombre a la funcion:
------------------------

<script language="text/javascript">

window.onload=function (){
if(document.getElementById('modificar').value= 'Cerrada')
{
document.getElementById('modificar').style.display = 'none';

}
}

</script>
---------------------
y otra cosa, estás llamando dos veces al mismo objeto (el de ID="modificar"). si es el del propio botón del que evalúas su valor entonces lo estás haciendo bien, pero si son dos objetos distintos revísate los IDs, para ocultar el adecuado.

saludos.

[ceSharp]

se me ha escapado una cosita. cuando haces la condición, el signo de igual debe ser doble:

if(document.getElementById('modificar').value== 'Cerrada')

en el de ocultar el objeto está bien; debe ser simple.
Igual que cuando usas un AND o un OR; los signos deben ser dobles:
if(a == 1 || a ==2)...
if(b == 0 && c == 0)...
(que no es tú caso, pero bueno, pa que lo sepas ;)
saludos.

[jccomven]

Ya lo he conseguiido muchas gracias.. Aqui va la solucion...

window.onload=function ()
{
if(document.getElementById('txtestado').value=='Ce rrada')
{
document.getElementById('modificar').style.display = 'none';
}
else
{
document.getElementById('modificar').style.display = 'hidden';
}

}

[jccomven]

Cesar una sola pregunta. Me funciona correctamente, pero el problema que al cargar el formulario aparecen los campos habilitados y a los 5 segundos se van desapareciendo. Tarda en cargar el formulario entonces por eso aparecen y se van. Se puede poner el windows.load en algun sitio que vaya mas rapido

Un saludo y gracias

[ceSharp]

pues la verdad no lo sé, hasta ahí llego... :(

pero vamos, da igual donde poner el window.onload, de hecho es el único sitio donde se puede poner. pero yo creo que el problema le vas a tener de todas maneras, porque el javascript se ejecuta cuando carga todos los componentes la página, por tanto hasta que no termina de cargar no se van a ocultar los objetos...

no sé, si tu miedo reside en que pulsen el botón antes de que se oculte, lo único que se me ocurre es que los cargues deshabilitados, y una vez que termine de cargar el form, habilites los que están disponibles, y ocultes los que no tengan que estar.

de todas maneras voy a mirar por ahí, a ver si encuentro alguna solución...

saludos.

[jccomven]

Ok. Muchas gracias. Pero es que entonces no tiene mucho sentido lo de la ocultacion con javascript, porque si se ven los campos y se van queda un poco "cutre" no? jejeje.

Espero respuesta

Un saludo

[ceSharp]

buenas de nuevo,
la verdad no he encontrado nada para agilizar el tema. la cuestión es lo que te he comentado; primero se cargan los objetos y luego se ejecuta el javascript. por tanto si se cargan todos los objetos y por el motivo que sea tarda en cargarse todo (bien por imágenes demasiado grandes, consultas pesadas a una BBDD, etc) vas a seguir teniendo el mismo problema.
la única solución que se me ocurre para evitar que primero aparezcan los botones y luego desaparezacan, es que metas todos los botones (o los objetos que sean) en un <div style="display:none">. De esta manera no van a aparecer en ningún momento. Cuando ejecutes tu funcion en el window.onload (la que hemos estado tratando), mete una última sentencia dentro de esa función que muestre la capa que por defecto está oculta, con un simple--> document.getElementById('nombre_div').style.displa y = 'inline';
así, cuando muestre el div, los botones que no deben aparecer no lo harán, en la carga de la página tampoco.

a ver qué te parece la idea... :)

saludos.

[jccomven]

Buenas tardes Cesar. Muchas gracias por la ayuda. Lo he echo como decías y va perfecto aquí te dejo el codigo:

window.onload=function ()
{
if(document.getElementById('txtestado').value=='Ce rrada')
{
document.getElementById('prueba').style.display='i nline';
document.getElementById('modificar').style.display ='none';
document.getElementById('txtdescripcion').disable= 'true';
document.getElementById('txtobservacion').disable= 'true';
document.getElementById('txtcausa').disable='true' ;
document.getElementById('cmbincidencia').style.dis play='none';
document.getElementById('cmbtipoincidencia').style .display='none';
document.getElementById('cmbestado').style.display ='none';
}
else
{
document.getElementById('prueba').style.display='i nline';
document.getElementById('modificar').style.display = 'hidden';
}

}

..............
..............
Despues en el form:

<div id="prueba" style="display:none">
<table width="600" height="374" border="0" >
<tr>
..........
..........

Así supongo que es como decías.... Sale perfecto y no se ve el refresco.


Muchas gracias ante todo y dejo la solucion para que otros usuarios puedan consultarla. Muchas gracias de nuevo y esperoq ue sea así como decías.

[ceSharp]

efectivamente, esa era mi idea, jejejeje.

me alegro que te haya gustado y la hayas podido implementar correctamente.

un saludo.