Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   Frameworks JS (http://www.forosdelweb.com/f127/)
-   -   Problema con ocultar un div con ajax (http://www.forosdelweb.com/f127/problema-con-ocultar-div-con-ajax-410356/)

zsamer 18/07/2006 16:19

Problema con ocultar un div con ajax
 
Hola necesito ocultar un div al hacer un click en un link para mostrar la capa resultado

mi codigo :
Código PHP:

<script type='text/javascript'>
function 
objetoAjax(){
        var 
xmlhttp=false;
        try {
               
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (
e) {
               try {
                  
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
               } catch (
E) {
                       
xmlhttp false;
               }
        }
 
        if (!
xmlhttp && typeof XMLHttpRequest!='undefined') {

               
xmlhttp = new XMLHttpRequest();


        }
        return 
xmlhttp;
}
 
function 
MostrarConsulta(datos){

        
divResultado document.getElementById('resultado');
        
ajax=objetoAjax();
        
ajax.open("GET"datos);
        
ajax.onreadystatechange=function() {
               if (
ajax.readyState==4) {
                       
divResultado.innerHTML ajax.responseText
               
}
        }

        
ajax.send(null)
 
}
</script>

<a href="#" onclick="MostrarConsulta('modulos/propiedades/ajax_imagen.php?image=thumnailfotoc_image.jpg}'); return false;">Click para mostrar la capa resultado y ocultar la capa ocultar</a>

<div id="resultado"></div>
<div id="ocultar">ocultar éste cuando se hace click en el link de arriba</div> 


gracias.

salu2

richardinj 18/07/2006 17:26

????

<a href="javascript: document.getElementById('resultado').style.display='none'; "> ESTE???</a>

zsamer 18/07/2006 19:55

No, la idea es que cuando se hace clic en el enlace para llamar a la función MostrarConsulta() muestre el div "resultado" (que actualmente lo hace bien) y que oculte el div "ocultar"(actualmente no lo hace).

En resumen, al mostrar el div "resultado" oculte el div por defecto "ocultar".

monorendon 18/07/2006 21:30

Bueno, en realidad no estás mostrando el div resultado sino lo que estás haciendo es cargando el request de la petición por AJAX en el div resultado. te recomiendo que después de
divResultado.innerHTML = ajax.responseText;
pongas esto:
document.getElementById('ocultar').style.display='none';
Espero haber solucionado tu problema, si tienes alguna duda pregúnta...

zsamer 18/07/2006 22:13

funcionó perfecto.

gracias,

salu2


La zona horaria es GMT -6. Ahora son las 08:51.

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.