Welcome to WebmasterWorld Guest from 54.167.58.159

Forum Moderators: open

Message Too Old, No Replies

Life without #refresh

How to surf the web site without complete refresh?

     

sunroof

9:12 pm on Feb 23, 2009 (gmt 0)

5+ Year Member



Since I had no luck googleing, I have to ask you guys.

How do I make the web site browsing without complete refresh?

We all use Gmail and Facebook. How can I make those links with anchors like, and refresh only some parts of the page (read from php/mysql):

#profile
#inbox
#/photo.php?pid=2272258&id=528532328&ref=nf
etc...

I use HTML, php and mysql.

Thanks!

Kings on steeds

11:12 pm on Feb 25, 2009 (gmt 0)

10+ Year Member



Its simple ajax, as your a JS beginner, download Prototype.js from Prototype.org simple include it as a javascript above all your other scripts, it handels all the hard parts of ajax for you, then,

your page would look something like this,


<html>
<head>
<title>Ajax Test</title>
<script language='javascript' type='text/javascript' src='./Prototype.js'></script>
</head>
<body>
<div id='ajaxContent' name='ajaxContent'></div>
<a href='./page.php?idx=1' onClick="return ajaxPage(this.href)">Update Page</a>
</body>
</html>

and your ajaxPage() function would look like this,


function ajaxPage(url){
new Ajax.Updater('ajaxContent', url);
return false;
}

That is the bace of ajax, if you want to go further and have your ajax function bookmarkable you will need to learn JS as its a long winded effot that requires about 50 browser work arounds. Prototype should get you started.