se pueden mostrar y ocultar objetos (texto, botones) de una pagina html

[Sponsored links]

[dNxEtOr]

Hola, estoy desarrollando una página web y necesito generar una ventana para realizar busquedas, la he planteado para que tenga una opcion de listado general o para que muestre opciones avanzadas de busqueda, sin embargo no se comp hacer para que cuando una alguno de los dos radio buttons que deben tener las opciones, me permita mostrar u ocultgar segun el caso... agradezco cualquier sugerencia pues no encuentro informacion al respecto

[vik407]

mediante javascript y estilos de cascada...

básicamente es hacer un javascript obteniendo nombres por ID y cambiandole el estilo...


<script language="JavaScript"><!--
function show(object) {
if (document.layers && document.layers[object])
document.layers[object].visibility = 'visible';
else if (document.all) {
document.all[object].style.visibility = 'visible';
document.all[object].style.zIndex = 100;
}
}
function hide(object) {
if (document.layers && document.layers[object])
document.layers[object].visibility = 'hidden';
else if (document.all)
document.all[object].style.visibility = 'hidden';
}
//--></script>

<form>
<input type="button" onClick="show('myId')" value="Show">
<input type="button" onClick="hide('myId')" value="Hide">
</form>

<div id="myId" style="position: absolute; visibility: visible;">Test</div>

[HRC-unintended]

Es fácil, mediante dhtml.

Puedes poner cosas dentro de un elemento <div></div> y luego mediante Javascript controlar el comportamiento (mostrar/ocultar, que es lo que necesitas).

<div id="parteOpcional">Hola dhtml</div>

Y mediante JavaScript podés hacer algo como

getElementById("parteOpcional").style.display = "none"; // Ocultar

ó

getElementById("parteOpcional").style.display = ""; // Mostrar

[HRC-unintended]

mediante javascript y estilos de cascada...

básicamente es hacer un javascript obteniendo nombres por ID y cambiandole el estilo...


<script language="JavaScript"><!--
function show(object) {
if (document.layers && document.layers[object])
document.layers[object].visibility = 'visible';
else if (document.all) {
document.all[object].style.visibility = 'visible';
document.all[object].style.zIndex = 100;
}
}
function hide(object) {
if (document.layers && document.layers[object])
document.layers[object].visibility = 'hidden';
else if (document.all)
document.all[object].style.visibility = 'hidden';
}
//--></script>

<form>
<input type="button" onClick="show('myId')" value="Show">
<input type="button" onClick="hide('myId')" value="Hide">
</form>

<div id="myId" style="position: absolute; visibility: visible;">Test</div>



La diferencia de usar el atributo display o el atributo visibility, es que este último reserva el espacio en la página, aun si el div está oculto, mientras que el primero no (el efecto visual de esto es que la página se expande o se colapsa).

[dNxEtOr]

Gracias, voy a trabajar en la pagina a ver como me va

[Sevila]

Hola a todos, sepan que sus ejemplos de código me han servido de mucho, pero quisiera que me aclaren una duda que me ha surgido:

Por qué es siempre necesario preguntar
if (document.layers && document.layers[object]),no se supone que al invocar al método este le devuelva los layers que existen
Yo lo probé y no me funcionó (document.layers) pero quisiera que alguien me respondiera esta interrogante para saber porque ocurre y así evitar que me suceda de nuevo en cualquier otro intento.

[Grissom.]

Javascript evalua los valores NULL como false en una expresión booleana, básicamente la técnica de preguntar si están en NULL dichos objetos es por razones de compatibilidad con diferentes browsers en la mayoría de los casos, en otras ocasiones se emplea para saber si existen elementos de dicho tipo y hacer un referencia segura.

[Daniel098]

Q buena info, gracias!