Tengo este documento basado en PHP (chatbox) donde puedes escribir tu mensaje y enviarlo.

Ahora, tengo esta animación de desvanecimiento donde aparece un mensaje cuando se envía un mensaje. Se ve como esto:

Javascript:

function stateChanged1() 
{ 
if (xmlHttp1.readyState==4)
{ 
document.getElementById("sent").innerHTML="Sent!";
document.writeform.message.value="";
chat();
}
}

En el cuerpo:

<span id="sent"></span>

El problema es que no se está desvaneciendo. ¿Qué debo agregar al código y dónde?

0
Deniz Zoeteman 19 oct. 2009 a las 15:44

4 respuestas

La mejor respuesta

Añadir

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

A su HTML y agregue este código JavaScript:

$("#sent").fadeOut("slow");

Después de esta línea:

document.getElementById("sent").innerHTML="Sent!";
3
powtac 19 oct. 2009 a las 11:59

También le recomiendo que use la función de fundido y fundido de entrada de jquery. para obtener una explicación más profunda y ejemplos de código, vaya a: http://docs.jquery.com/Effects/fadeOut

1
ufk 19 oct. 2009 a las 12:19

Pruebe jquery puede desvanecerse y desvanecerse fácilmente un elemento e.i:

$("#sent").fadeIn("slow");
$("#sent").fadeOut("slow");
1
Hannoun Yassir 19 oct. 2009 a las 11:57

Para efectos como desvanecimiento, use un marco como JQuery, Prototipo o MooTools. Le proporcionarán numerosos ejemplos de cómo aplicar efectos a los elementos.

5
Pekka 19 oct. 2009 a las 11:51