1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=iso-8859-1">
<script type='text/javascript'>
function getXhr(){
var xhr = null;
if(window.XMLHttpRequest)
xhr = new XMLHttpRequest();
else if(window.ActiveXObject){
try {
xhr = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
}
else { // XMLHttpRequest non supporte par le navigateur
alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
xhr = false;
}
return xhr;
}
function goAccueil(){
{
var xhr_object = getXhr();
var method = 'POST';
var filename = 'accueil.html';
xhr_object.open(method, filename, true);
xhr_object.onreadystatechange = function()
{
if(xhr_object.readyState == 4)
{
var tmp = xhr_object.responseText;
document.getElementById('zonechange').innerHTML = tmp;
}
}
xhr_object.send(null);
}
}
function goContact()
{
var xhr_object = getXhr();
var method = 'POST';
var filename = 'contact.html';
xhr_object.open(method, filename, true);
xhr_object.onreadystatechange = function()
{
if(xhr_object.readyState == 4)
{
var tmp = xhr_object.responseText;
document.getElementById('zonechange').innerHTML = tmp;
}
}
xhr_object.send(null);
}
</script>
<TITLE>Mon site web</TITLE>
</HEAD>
<BODY>
<div id="page">
<header>
<div id="titre_principal">
<h1> Bienvenue sur mon site web </h1>
</div>
<div onclick="goAccueil();"> Accueil </div>
<div onclick="goContact();"> Contact </div>
</header>
<section>
<div id="zonechange" >
</div>
</section>
<footer>
<div id="bas_info">
<p> Site réalisé par </p>
</div>
</footer>
</div>
</BODY>
</HTML> |
Partager