PHP Include to change DIV contents but hold contents on refresh

Question

I am creating a very basic site for a Uni module and currently have a simple onClick Javascript being used to change the contents of the main content DIV. The simple script is calling a PHP Include file to fill the DIV.

HTML

<div id="content" class="colorPicker1"> <!--Populate content div on load--> <?php include 'php/home.php' ?> </div> <a href="winInstall.html" onClick="$('#content').load('php/winInstall.php'); return false;" title="Windows only installation">Windows 7/8</a>

The problem I have and am not able to figure out is when I refresh the page, which ever it is on, the site returns to the home.php file. I understand that this is going to happen because I am calling the home.php file in the index.html file.

My question is how can I hold the current php file during a refresh?

I was thinking of using localStorage to hold the link being use but my attempts didnt work. Could someone please give me a little guidance on this please.

Cheers in advance,

Blinky

history.pushState() coupled with a content-loading script reading the URL (like jQuery UI Tabs) would work. See history.js too. — Jared Farrish
– Jared Farrish, Commented Mar 20, 2014 at 22:54

M Miller · Accepted Answer · 2014-03-20 22:59:57Z

Instead of a cookie or localStorage, how about changing the hash?

<a href="winInstall.html" class="ajax-link" title="Windows only installation">Windows 7/8</a> <script> (function ($) { var load_page = function (path) { location.hash = '#'+path; $('#content').load('php/'+path.replace('.html', '.php')); }; $('.ajax-link').click(function (v) { v.preventDefault(); load_page($(this).attr('href')); }); if (location.hash && location.hash != '#') { load_page(location.hash.substr(1)); } })(jQuery); </script>

Cheers for the answer, however, i am trying this suggestion and it seems to just place "#php/winInstall.php" onto the end of the index.html in the address bar. It doesn't change the page.
If the hash is changing, it means load_page is being called, so there's an issue with the .load part. Open the console and check for errors. Also, try console.log('php/'+path.replace('.html', '.php')); to make sure that is the correct path relative to your page and a file exists there.

Collectives™ on Stack Overflow

PHP Include to change DIV contents but hold contents on refresh

1 Answer 1

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Linked

Related