Foros Club Delphi

Foros Club Delphi (https://www.clubdelphi.com/foros/index.php)
-   HTML, Javascript y otros (https://www.clubdelphi.com/foros/forumdisplay.php?f=38)
-   -   Ocultar y mostrar elementos mediante JavaScript (https://www.clubdelphi.com/foros/showthread.php?t=50642)

foetus 23-11-2007 18:30:59

Ocultar y mostrar elementos mediante JavaScript
 
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
Código PHP:

<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
Código PHP:

<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.

Código PHP:

<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....


La franja horaria es GMT +2. Ahora son las 11:50:52.

Powered by vBulletin® Version 3.6.8
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Traducción al castellano por el equipo de moderadores del Club Delphi