PDA

Ver la Versión Completa : Ocultar y mostrar elementos mediante JavaScript


foetus
23-11-2007, 18:30:59
saludos.....

mi problema es que tengo un div con la propieda " style="visibility:hidden" ".... y quiero hacerlo visible mediante una funcion... y tengo el siguiente codigo que no me funciona, ya lo eh hecho de varias formas...
funcion

<script type="text/javascript" src="jquery.js">
function mostrar(){
document.getElementById("crt").style.visibility='visible';


}

// ó

function mostrar(){
document.getElementById("crt");
r.style.visibility = "visible";

}
</script>


llamada a la funcion

<input type="button" value="Aceptar" Onclick="mostrar()">



que esta mal ? :confused:

dec
23-11-2007, 19:01:35
Hola,

Esto parece funcionar bien... y es muy similar a lo que tú haces.


<html>
<head>
<title>ClubDelphi.com</title>

<script type="text/javascript">

function toggleVisible(elem){
if(elem){
if(!elem.style.visibility || elem.style.visibility == 'hidden'){
elem.style.visibility = 'visible';
}else{
elem.style.visibility = 'hidden';
}
}
return true;
}

function toggleVisibleById(idElem){
return toggleVisible(document.getElementById(idElem));
}

</script>

<style type="text/css">
div#hiddenstuff {
visibility: hidden;
}
</style>

</head>

<body>

<div id="hiddenstuff">
Hidden stuff
</div>

<div>
<a href="#" title="Click here to show hidden stuff"
onclick="toggleVisibleById('hiddenstuff'); this.blur();">
Click here to show hidden stuff (by ID)</a>
</div>

</body>

</html>


PD1. Pongo el código entre etiquetas PHP para resaltarlo mejor.

PD2. Esto no tiene nada que ver con AJAX... se trata de trabajar con el DOM (Document object model), podría decirse, si no estoy equivocado.

foetus
26-11-2007, 14:00:23
si tines razon, no es ajax, pero igual podria servir,

gracias....