title: How to show Ajax requests in URL?
body: <p><strong>What I want is to have links which change a part of the page , and a dynamic URL for it, where I can specify variables such like <code>#calendar=10_2010tabview=tab2</code></strong></p>
  
  <p><code>Check this for an exact example:</code> <strong><a href="http://developer.yahoo.com/yui/examples/history/history-multiple_clean.html#calendar=7_2010&amp;tabview=tab1" rel="noreferrer">CLICK HERE FOR EXACT DEMO</a></strong></p>
  
  <p>So here is the link format what I need:</p>
  
  <p><strong><code>#calendar=10_2010&amp;tabview=tab2</code></strong></p>
  
  <p>I need to have variables in the links like <code>calendar</code> and <code>tabview</code> so I can change multiple things on a single page without realoading.</p>
  
  <hr>
  
  <p>Or another format such like on <a href="http://www.wbhomes.com.au" rel="noreferrer">http://www.wbhomes.com.au</a> , this is <strong>exactly</strong> what I want, however the first format is good too but this is much more beautiful.</p>
  
  <ul>
  <li><strong><code>http://wbhomes.com.au/#/propertiesforsale/houseandland/quinnsbeach-waterland1</code></strong></li>
  </ul>
  
  <hr>
  
  <p><strong>Requirements</strong></p>
  
  <ul>
  <li><p>Needs to be accessed from anywhere
  from example a mail, or if I just
  write in the url bar.</p></li>
  <li><p>The link should be in the history, so if If I push the back or forward button the page needs to be accessed.</p></li>
  <li><p>Page refresh needs to work too.</p></li>
  </ul>
  
  <hr>
  
  <p><strong>Some recources:</strong></p>
  
  <p>Examples:</p>
  
  <ul>
  <li><p><strong><a href="http://developer.yahoo.com/yui/examples/history/history-multiple.html#calendar=6_2010&amp;tabview=tab2" rel="noreferrer">www.developer.yahoo.com/</a></strong></p></li>
  <li><p><a href="http://www.facebook.com" rel="noreferrer">www.facebook.com</a> - the sidebar links on your profile page</p></li>
  <li><p><a href="http://wbhomes.com.au/" rel="noreferrer">www.wbhomes.com.au/</a> - 100% close to what I want</p></li>
  <li><p><a href="http://www.flickr.com/tour/upload/#section=tell-a-story" rel="noreferrer">www.flickr.com/</a></p></li>
  <li><p><a href="http://www.youtube.com/user/pyrobooby#g/u" rel="noreferrer">www.youtube.com</a></p></li>
  </ul>
  
  <p>Some Tutorials:</p>
  
  <ul>
  <li><p><a href="http://ajaxpatterns.org/Unique_URLs" rel="noreferrer">www.ajaxpatterns.org/</a></p></li>
  <li><p><a href="http://www.contentwithstyle.co.uk/content/fixing-the-back-button-and-enabling-bookmarking-for-ajax-apps" rel="noreferrer">www.contentwithstyle.co.uk/</a></p></li>
  </ul>
  
  <hr>
  
  <p><em>Please help me! I've never found any solution to do this, but I don't want to use jquery or any API, or any library, I want to have a working <code>Javascript/AJAX</code> and <code>PHP</code> script.</em></p>