Html - php hrlp please?

[jonh43]

Hi, I’m new to php and such things like that basically i am still learning css and xhtml but i am trying to make a website that loads my content in my div (for example a ifream loads just in the ifream when you click a link) i want to try and get an affect like that such as when i click home it will just load in “<div id=”my-div”> content </div>” part of my site and not reload anything else, here is some of the code that i am using.

       <div id="nav">
        	<ul id="main_nav">
        	<li class="home"><a href="#">Home</a></li>
            	<li class="about"><a href="#">About</a></li>
           	<li class="contact"><a href="#">Contact</a></li>
            	<li class="portfolio"><a href="#">Portfolio</a></li>
            	<li class="latest-work"><a href="#">Latest Work</a></li>
           	<li class="login"><a href="#">Login</a></li>
            	<li class="services"><a href="#">Services</a></li>
        	</ul>
        </div>

I would like it to be when you click a link it loads the content just in my div (which the code for my div is bellow."panel_middle_inner")

THANKS IF YOU CAN HELP =D

<div id="colum1">
        	<div id="panel_tab"></div>
            <div id="panel_middle">
		<div id="panel_middle_inner">
                <p> TESTER:  TESTER:  TESTER:  TESTER:  TESTER:  </p>
                </div>
            </div>
        </div>

[criterion9]

You'll need to use AJAX to load only a part of the page onclick. PHP requires a full reload to change the page when not used in conjunction with AJAX.

[jonh43]

aw i see :O , eh could anyone please show me how i would do this maybe ? or point me to a tutorial or something , thanks

[criterion9]

A quick google search:
http://www.ajaxf1.com/tutorial/ajax-php.html
http://www.tizag.com/ajaxTutorial/ajaxphp.php
http://www.ajaxmatters.com/articles/...torial_p1.aspx

[jonh43]

thanks
i worked out how to do it and works fine
have a quesgin but, when yo navigate trough the site using ajax to load the content in the div you cant go back :O if you try to return to the last content it goes bak befoar you went on the website, is there a way to fix this? or acode you could put in a button on your loaded content that would make it so you can go bak to last content u were on? thanks.

[criterion9]

Another quick google search:
http://www.ajaxonomy.com/2008/web-de...k-button-part2
http://onjava.com/onjava/2005/10/26/...ck-button.html
http://www.isolani.co.uk/blog/javasc...nThatAjaxBroke