Loading content with fade effect

[kamaro]

I am trying to make content load by fading into the page instead of refreshing the page. I don't know how to do this however. I found a great video that has exactly what I need but it didn't seem to work. I'm not sure if it's becasue AJAX (which i have no clue exactly what it is) becasue I don't think I'm using it. Please help and thank you.

VIDEO: http://www.youtube.com/watch?v=H0XnZsxxKFQ

[devnull69]

You can fade in content that is already there with no page refresh. You won't need any Ajax here. But as soon as you try to get additional content from your server and fade it in afterwards without refreshing the page, you'd need Ajax.

Go ahead and search for "simple Ajax example" in Google and you will find tons and tons of self explaining examples.

[kamaro]

Ya I want it so when a link is clicked it fades content from another html file. But ya thanks for the advice. One last thing - Why didn't the code in the video work. Can it be used with other jquery lines?

[devnull69]

The example from the video will work

Let's say you have some code like this

$('#myelement').hide().load('some.php').fadeIn('normal');

it will definitely work, provided that you have

1. an element somewhere on your current page with id="myelement" and
2. jQuery included ... with a line like this one

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>

[riptide]

you know you can also do this with opacity and transitions.