Click to See Complete Forum and Search --> : fading out a update message with css/javascript


bsmbahamas
03-31-2010, 09:44 PM
hi guys, can someone assist with this?

if i had a paragraph coded up like this:

<p id='msg'><strong>Success:</strong> Changes have been saved!</p>

how would i use CSS/JavaScript/DOM to make the update message fade out and then disappear completely from the screen?

kinda like how wordpress tells you that a change has occurred and then it fades away and dissapears. i think facebook does this too if you don't click close on messages that appear like after you add a friend?

if i can't get the fade out effect i'd be happy to just make it disappear after say 3 seconds.

i don't know how to use jquery but i've been using the other languages for about 10 years

Fang
04-01-2010, 07:41 AM
http://www.switchonthecode.com/tutorials/javascript-tutorial-simple-fade-animation

bsmbahamas
04-01-2010, 10:52 AM
Thanks so much Fang, I'll check it out now!

enjoy the Easter holiday, i know i will.