Ocultar tablas...

[indy1508]

Hola a todos:

Estoy empezando a manejar codigo javascript en mi pagina web, acabo de implementar una funcion en la cual ocupo dos botones de opcion, ya hice que cuando oprima el boton "si" me muestre una tabla, y si oprimo el boton "no" me muestra otra tabla.

Mi pregunta es, cómo puedo hacer para que cuando cargue por primera vez la pagina no me muestre ninguna de las dos tablas, ya que, asi como la tengo, al cargar la pagina me muestra las dos tablas al mismo tiempo, ya cuando selecciono alguna de las dos opciones me desaparece una tabla y muestra la otra. Espero y me haya hecho entender.

El lenguaje de programacion que uso es PHP, espero me puedan auxiliar.

Y esta es la función que uso para mostrar/ocultar las tablas

function setVis(chk)
{
var tabla1 = document.getElementById("op_s");
var tabla2 = document.getElementById("op_n");
if (chk) {
tabla1.style.display = 'block';
tabla2.style.display = 'none';
}else{
tabla2.style.display = 'block';
tabla1.style.display = 'none'; }
}

Saludos.

[JavierB]

Hola indy1508

Pon así las tablas:

Código:

<table style="display:block">

Saludos,

[indy1508]

Gracias JavierB

Lo acabo de agregar en una de las tablas pero me sigue apareciendo.
Esta es la linea:

<table width="359" border="0" align="center" style="display:block">

[JavierB]

¡Oops! Menudo fallo, necesito unas vacaciones con urgencia.

Código:

<table style="display:none">

Perdón. Saludos,

[indy1508]

Gracias JavierB.

Con esa instrucción efectivamente me oculta las dos tablas pero... ahora, cuando ya ejecuto la pagina, como te comento si me oculta las tablas pero cuando le doy un click a uno de mis controles para que me visualice una de ellas pues, no más no me la muestra.

Este es el control que uso:

<input name="radiobutton" type="radio" onclick="setVis(this.checked)"/>

Te comento que las tablas las tengo encerradas en dos controles divs:

<div id="op_s">
<table width="359" border="0" align="center" style="display:none">
...
...
</table>
</div>

<div id="op_n">
<table width="359" border="0" align="center" style="display:none">
...
...
</table>
</div>

Y pues... la función es la que envíe primero.

Espero tu respuesta y gracias de antemano.

Saludos.

[indy1508]

sigo atorado...

[indy1508]

He resuelto mi problema.

Sólo puse otro script despues de las tablas que quería ocultar y al cargarse la pagina ya no las muestra.

Saludos.