Home/ Questions/Q 933557
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-15T20:51:11+00:00

Now here is my situation: I’m making a CMS. When links are clicked, i

  • 0

Now here is my situation: I’m making a CMS. When links are clicked, i would like the pages to load dynamically using Ajax. The problem in the links!

The only way to change the address in the address bar real-time is to use anchor tags. But PHP doesn’t get the anchor tags, thus I can’t load page content on site load using PHP.
And if i were to load the pages using a query string, the query string couldn’t be updated in the address bar at the click of a link, since that would reload the page.

I suppose Javascript could check the address, save the anchor tag in a cookie and reload the page, but I’d rather not have to go to such lengths.

Does anyone know a solution to this problem?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    There was a similar question not so long ago, and I came up with the following solution.

    Your urls should point to real pages in order to get it work in for js disabled users. The click handlers should handle ajax requests. Hash should contain the url, and a part like &ajax to indicate the type of the request.

    If the request is from ajax simply send the content. If it is not, wrap the content into header and footer to respond with a full site.

    Urls should work with linking to ajax generated hashes and using them as links. The whole idea is basically mimics the kind of behavior you can see on facebook.

    Javascript

    // click handler for ajax links
function goToWithAjax(hash) {
  hash = hash.href ? hash.getAttribute("href", 2) : hash;
  ajax( hash, function( response ) {
    document.getElementById("content").innerHTML = response;
  });
  hash = ("#!/" + hash).replace("//","/");
  window.location.hash = hash;
  return false;
}

    .htaccess

    auto_prepend_file = "prepend.php"  
auto_append_file  = "append.php"

    prepend

    $url   = $_SERVER['REQUEST_URI'];
$parts = explode('#!', $url);
$hash  = isset($parts[1]) ? $parts[1] : false;

// redirect if there is a hash part
if ($hash) {
  header("Location: $hash");
}

// find out if it's an ajax request
$ajax = strstr($url, "&ajax");

// we need header if it's not ajax
if (!$ajax) {
  get_header();
}

    append

    // we need footer if it's not ajax
if (!$ajax) {
  get_footer();
}

    get_header()

    function get_header() {

echo <<< END
<html>
<head></head>
<body>
<div id="page">
  <div id="header">
    <div id="logo"></div>
    <ul id="nav">menu...</ul>
  </div>
  <div id="content">
END;

}

    get_footer()

    function get_footer() {

echo <<< END
  </div> <!-- end of #content --->
  <div id="footer">(c) me</footer>
</div> <!-- end of #page --->
</body>
</html>
END;

}
    • 0