StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POHow to show Ajax requests in URL?
text
Body
copied!<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&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&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&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>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload