Foros del Web » Programando para Internet » Javascript »

Efecto desvanecido

Estas en el tema de Efecto desvanecido en el foro de Javascript en Foros del Web. Compañeros por aqui molestando nuevamente Tengo esta funcion que trabaja muy bien, entrega la respuesta en pantalla muy bien. Mi duda es la siguiente, ¿existe ...
  #1 (permalink)  
Antiguo 22/10/2012, 14:33
 
Fecha de Ingreso: julio-2012
Ubicación: Colombia
Mensajes: 53
Antigüedad: 11 años, 9 meses
Puntos: 0
Efecto desvanecido

Compañeros por aqui molestando nuevamente

Tengo esta funcion que trabaja muy bien, entrega la respuesta en pantalla muy bien.

Mi duda es la siguiente, ¿existe alguna forma de que al presentar la respuesta en pantalla no aparezca instantaneamente, sino que vaya apareciendo hasta visualizarse plenamente?

Me explico, el script respuesta.php de esta funcion entrega un mensaje que dice "PROCESADO", el mensaje aparece instantaneamente en letra de color negro, yo quiero que el mensaje aparezca desde un color traparente pasando por un gris hasta llegar al negro.

Este el codigo que tengo

Código HTML:
Ver original
  1. function objetoAjax(){
  2.     var xmlhttp=false;
  3.     try {
  4.         xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
  5.     } catch (e) {
  6.         try {
  7.            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
  8.         } catch (E) {
  9.             xmlhttp = false;
  10.         }
  11.     }
  12.  
  13.     if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
  14.         xmlhttp = new XMLHttpRequest();
  15.     }
  16.     return xmlhttp;
  17. }
  18.  
  19.  
  20. function respuesta(){
  21.  
  22.     var Respuesta = document.getElementById('div_respuesta');
  23.  
  24.     ajax=objetoAjax();
  25.     ajax.open("GET", 'respuesta.php');
  26.     ajax.onreadystatechange=function() {
  27.         if (ajax.readyState==4) {
  28.          Respuesta.innerHTML = ajax.responseText;
  29.         }
  30.     }
  31.     ajax.send(null)
  32. }

Gracias
  #2 (permalink)  
Antiguo 22/10/2012, 15:13
Avatar de marlanga  
Fecha de Ingreso: enero-2011
Ubicación: Murcia
Mensajes: 1.024
Antigüedad: 13 años, 3 meses
Puntos: 206
Respuesta: Efecto desvanecido

http://jsfiddle.net/marlanga/mwhQw/
  #3 (permalink)  
Antiguo 22/10/2012, 19:03
Avatar de Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.148
Antigüedad: 20 años
Puntos: 834
Respuesta: Efecto desvanecido

marlanga:

Element.prototype

Nunca deberías modificar el prototipo de un objeto host: http://perfectionkills.com/whats-wro...nding-the-dom/
http://www.forosdelweb.com/f13/event...s-html-908053/
  #4 (permalink)  
Antiguo 23/10/2012, 03:37
Avatar de marlanga  
Fecha de Ingreso: enero-2011
Ubicación: Murcia
Mensajes: 1.024
Antigüedad: 13 años, 3 meses
Puntos: 206
Respuesta: Efecto desvanecido

Interesante punto de vista.
http://jsfiddle.net/marlanga/mwhQw/1/
Pues nada, con envoltorio.

Etiquetas: ajax, efecto, funcion, html, php
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:35.