Ocultar caja de texto

Caminantejm · #1 (**permalink**) 13/07/2009, 10:36

Tengo una caja de texto que está oculta mediante

Código:

<div id="verde" style="display: none;">

Pues bien mis preguntas son dos.
1.- ¿Puedo acceder a ella mediante

Código:

var color = document.getElementById( 'verde' );

2.- Cuando el visitante pincha en unas opciones, esta caja se muestra pero quiero que al cargar la página de nuevo no quede visible la caja 'oculta', entonces tengo esta función:

Código:

function ocultar()    {
	var color = document.getElementById( 'verde' );
	
			color.style.display = 'none'; }

LA ÚLTIMA LÍNEA ME DA ERROR EN EL IE y en Mozilla. ¿Alguien me puede indicar donde está el fallo, por favor?

Gracias por la ayuda.
Caminantejm

Legoltaz · #2 (**permalink**) 13/07/2009, 10:45

Prueba así:

Código JavaScript:

Ver originalfunction ocultar(){
document.getElementById('verde').style.display = "none";
}

_eNGeLs_ · #3 (**permalink**) 13/07/2009, 10:50

Y puedes llamar a la funcion ocultar() que te paso Legoltaz al cargar la pagina, asi te aseguras de que el campo estara siempre oculto al recargarse la pagina

salu2

Caminantejm · #4 (**permalink**) 13/07/2009, 11:02

Gracias por la respuesta tan rápida.

- Antes de recibir la respuesta he probado cambiar los nombres de id y de la función y extrañamente no me daba error. De todos modos, es en otro ordenador en el que me da el problema. Ahora parece que se ha eliminado.
- De todos modos, me quedo con el código de Legoltaz que es más simple.

- Si, _eNGeLs_, la función está cargada en body onUnload (al descargarse). Aunque no tengo claro si funcionaría mejor en onLoad (al cargarse).

---> ¿Se descarga del servidor en el usuario o se carga del servidor en el usuario? Esta es la cuestión. ¿Quizas sería mejor onLoad? Ya me decís.

Gracias por la ayuda.
Caminantejm

Legoltaz · #5 (**permalink**) 13/07/2009, 11:06

Tendrías que poner:

Código JavaScript:

Ver originalwindow.onload = ocultar;

_eNGeLs_ · #6 (**permalink**) 13/07/2009, 11:08

en mi opinion seria mejor en onload, ya que no siempre se ejecuta al cerrar la pestaña o navegador
salu2

Caminantejm · #7 (**permalink**) 13/07/2009, 11:28

De acuerdo, gracias _eNGeLs_ y Legoltaz, ya está cambiado a onLoad.

Saludos.
Caminante.

Legoltaz · #8 (**permalink**) 13/07/2009, 11:32

y si aún lo quieres simplificar más, sólo tienes que poner esto:

Código JavaScript:

Ver originalwindow.onload = function(){
document.getElementById('verde').style.display = "none";
}

Caminantejm · #9 (**permalink**) 13/07/2009, 12:11

A ver , me interesa Legoltaz.
Yo tengo esto:

Código:

<body onLoad="ocultar()" ...>

en el comienzo del body.
En la función he dejado

Código:

function ocultar()    { 
document.getElementById('verde').style.display = "none";

Y tú me sugieres que para asegurar que se refiere al objeto window, poner

Código:

window.onload = function(){document.getElementById('verde').style.display = "none";
}

- ¿En el JavaScript? Pero ¿cómo llamo a la función en el html?¿se carga sola al cargar la página? Es que tengo cogido con pinzas JS.
- ¿En el html no tengo que llamar a la función, simplemente con el enlace al archivo .js es suficiente?

Gracias de nuevo Legoltaz.
Caminantejm

Legoltaz · #10 (**permalink**) 13/07/2009, 14:04

Con poner en el window.onload = function(){...} en el tag <script> del <head>, basta

Caminantejm · #11 (**permalink**) 13/07/2009, 15:13

De acuerdo, gracias, Legoltaz.
Saludos.
Caminantejm