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

dNxEtOr

Lanero Reconocido
23 Abr 2004
190
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
 
mediante javascript y estilos de cascada...

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

Código:
<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>
 
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
 
vik407 dijo:
mediante javascript y estilos de cascada...

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

Código:
<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).
 
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.
 
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.
 
Buenas noches ,
Estoy desarrollando una intranet y quiero hacer algo pero no se como;
esta distribuidas por roles como administradores y usuarios etc...
cuando entre un administrador me muestre el botón llamado subir_archivos cuando entre el usuario ese botón no me aparezca
muchas gracias...



esto es algo de mi código de validar.php

//Gestion de Atencion al Usuario
$sql7=mysqli_query($mysqli,"SELECT * FROM login WHERE cedula='$username'");
if($f3=mysqli_fetch_assoc($sql7)){
if($f3['rol']=='Gestion de Atencion al Usuario' and $pass==$f3['password']){
$_SESSION['id']=$f3['id'];
$_SESSION['user']=$f3['user'];
$_SESSION['rol']=$f3['rol'];





?>

<htmml>
<script language="javascript" type="text/javascript">

alert("Bienvenido(a) a Gestion de Atencion al Usuario'<?php echo $_SESSION['user'];?>'")

</script>
<?php

echo "<script>location.href='Gestion_de_Atencion_al_Usuario.php'</script>";
}


/////////////////USARIOS///////////////////

//USUARIO_CALIDAD
$sql7=mysqli_query($mysqli,"SELECT * FROM login WHERE cedula='$username'");
if($f7=mysqli_fetch_assoc($sql7)){
if($f7['rol']=='Usuario Calidad' and $pass==$f7['password']){
$_SESSION['id']=$f7['id'];
$_SESSION['user']=$f7['user'];
$_SESSION['rol']=$f7['rol'];





?>

<htmml>
<script language="javascript" type="text/javascript">

alert("Bienvenido(a) a Calidad '<?php echo $_SESSION['user'];?>'")

</script>
<?php

echo "<script>location.href='calidad.php'</script>";
}

else{
echo '<script>alert("CONTRASEÑA INCORRECTA...")</script> ';

echo "<script>location.href='login.html'</script>";
}

}else{
echo '<script>alert("USUARIO INCORRECTA...")</script> ';

echo "<script>location.href='login.html'</script>";


}
}


///////hasta aca///////

este es algo de calidad.php el uso de session como valida

<?php
session_start();
if (@!$_SESSION['rol']=='Usuario Calidad' and 'Calidad') {
header("Location:login.html");
}
?>
 

Los últimos temas