var _xml = XMLHttpRequest();
onerror = function(_file, _content, _line) { alert(_file + " " + _content + " " + _line); };
if ((!_xml) || (_xml == null)) alert("unable to resolve xml request.");
function _loadXML(_file, _div)
{
document.getElementById(_div).innerHTML = "LOADING CONTENT.";
_xml.onreadystatechange = function() { _response(_div); };
_xml.open("GET", _file, true);
_xml.send(null);
}
function _response(_div)
{
if (_xml.readyState == 4)
{
if (_xml.status == 200) document.getElementById(_div).innerHTML = _xml.responseText;
else document.getElementById(_div).innerHTML = "error returned status " + _xml.status;
}
}
index.php:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="navigation.js"></script>
<link rel="stylesheet" media="all" href="style.css" type="text/css" />
</head>
<body>
<?php
if ($handle = opendir("."))
while (($file = (readdir($handle))) !== false) print_r("<a href='#' onClick='_loadXML(\"" . $file .
"\", \"content\");'>$file</a><br />");
?>
<br />
output:
<div id="content">
</div>
</body>
</html>
