Retroceder   Foros del Web > Programación para sitios web > AJAX

Respuesta
 
Herramientas Desplegado
Antiguo 18-jul-2006, 16:19   #1 (permalink)
zsamer tiene algunos puntos positivos de karma
 
Fecha de Ingreso: noviembre-2003
Mensajes: 786
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
zsamer está desconectado   Responder Citando
Antiguo 18-jul-2006, 17:26   #2 (permalink)
richardinj está en el buen camino
 
Avatar de richardinj
 
Fecha de Ingreso: enero-2005
Ubicación: Ciber Espacio
Mensajes: 1.779
????

<a href="javascript: document.getElementById('resultado').style.display='none'; "> ESTE???</a>
__________________
***VISITA ==>** MUJERES ***** MAS > CHICAS
richardinj está desconectado   Responder Citando
Antiguo 18-jul-2006, 19:55   #3 (permalink)
zsamer tiene algunos puntos positivos de karma
 
Fecha de Ingreso: noviembre-2003
Mensajes: 786
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".
zsamer está desconectado   Responder Citando
Antiguo 18-jul-2006, 21:30   #4 (permalink)
monorendon no se puede cailificar en este momento
 
Fecha de Ingreso: octubre-2005
Ubicación: En mi casita
Mensajes: 100
Enviar un mensaje por MSN a monorendon
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...
__________________
Sincerely,

Guido Rendón
monorendon está desconectado   Responder Citando
Antiguo 18-jul-2006, 22:13   #5 (permalink)
zsamer tiene algunos puntos positivos de karma
 
Fecha de Ingreso: noviembre-2003
Mensajes: 786
funcionó perfecto.

gracias,

salu2
zsamer está desconectado   Responder Citando
Respuesta

No hay votos aún.


Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code is Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado


La Zona horaria es GMT -6. Ahora son las 06:26.


Message Board Statistics

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93