Ocultar/mostrar div con Firefox

[Ember]

Buenas tardes.
Es posible que no sea el primero en plantear aquí este problema, pero llevo un rato buscando en google y no he encontrado una respuesta a mi problema. Como ya sabéis, IE y FF no funcionan igual con las capas. Yo tengo la siguiente historia. Una capa <div style="position:relative;display:'none'"> y arriba un checkbox que, al pulsar, hace que la capa aparezca o desaparezca. Luego, tengo una función a la que se llama con un onClick desde el checkbox que hace lo siguiente:

function show(num){
if (!eval("document.form.checkF"+num).checked){
document.getElementById("FF"+num).style.display="n one";
}
else{
document.getElementById("FF"+num).style.display="" ;
}
}

No tiene mucha más historia. El caso es que con IE funciona perfectamente, pero con FF no. Lo que pasa es que de primeras la capa se ve, y hasta que no empezamos a pulsar el checkbox, la capa no aparece y desaparece como en FF. Tengo otros problemas similares con div y FF, y no sé muy bien cuál puede ser la solución.
¿Alguien podría ayudarme o podría decirme dónde puedo encontrar buena información sobre el tema?
Muchas gracias, y a pasar buen puente

[jmn2k1]

No estoy seguro si sera eso... pero probaria sacando las comillas simples del none en el style de la capa... la sintaxis de css no es asi, y no me extrañaria que ie lo interprete y ff no...

Saludos.

[softimus]

Hola:

Intenta utilizar este código:

function show(num){
if (!eval("document.form.checkF"+num).checked){
document.getElementById("FF"+num).style.visibility ="hidden";
document.getElementById("FF"+num).style.display="n one";
}
else{
document.getElementById("FF"+num).style.display="v isible" ;
document.getElementById("FF"+num).style.visibility ="block";
}
}

En esencia lo que se hizo fue mostrar / ocultar el objeto y ocultar / bloquear el área del objeto.

La propiedad visibility se emplea para mostrar / ocultar objetos
La propiedad display se emplea para dejar intacta el área del objeto (aunque esté invisible) o bloquearla (dejarla utilizada).


NOTA: Ten cuidado que el foto separa NONE y VISIBLE

[JavierB]

Mensaje movido al foro de JavaScript desde Css.

Saludos,

[farlopex]

Hola, en principio para mostrar y ocultar capas, con document.getElementById("idCapa").style.visibility = 'visible' la muestra tanto para IE como FF y con document.getElementById("idCapa").style.visibility = 'hidden' la oculta para ambos

USEA, que la propiedad para mostrar ocultar una capa es style.visibility no style.display

[caricatos]

Iniciado por farlopex

...

USEA, que la propiedad para mostrar ocultar una capa es style.visibility no style.display

Hola:

Tanto visibility como display sirven para mostrar / ocultar elementos html...

Con display no se suele guardar el espacio al ocultar... además hay 2 formas de mostrar con display: block e inline... el primero se usa en elementos de bloque y el segundo en elementos en línea (tags de texto como cite, i, b, span...)

Saludos