Bien le bonjour,
je viens vous voir car je me suis enfin mis au javascript, le truc, c'est que je ne suis pas bien doué.
Donc, ce que je cherche à faire, c'est de charger le contenu d'une page PHP dans un DIV.
Je m'éxplique, je suis sur la page d'accueil, qui est divisée en deux partie:
-Le header.php qui contient le logo et le menu principale.
-Le body.php qui contient le contenu en fonction de quel bouton vous appuyez.
Maintenant, j'essaye de faire en sorte que lorsqu'un utilisateur clic sur un bouton de mon menu horizontal, le contenu de la page cible doit venir s'afficher dans le div de body.php sans avoir à recharger la page complète.
Voici ce que j'ai pour l'instant:
index.php
Header.php
body.php
LoadBody.js
Voila, donc mon problème c'est que j'obtiens l'erreur suivante:
Uncaught TypeError: Cannot set property 'innerHTML' of null
Le hic c'est que comme je débute, je vois pas trop ce qu'il veux le bougre!!
J'ai regardé sur gooooooogle, et apparement c'est une erreur de placement du script, mais meme si je le place en fin de fichier, c'est pareil.
Donc si une âme charitable voulait bien regarder mon bout de code et me dire si c'est correct, je lui en serait reconnaissant.
Modifié par DR I (21 Oct 2010 - 16:37)
je viens vous voir car je me suis enfin mis au javascript, le truc, c'est que je ne suis pas bien doué.
Donc, ce que je cherche à faire, c'est de charger le contenu d'une page PHP dans un DIV.
Je m'éxplique, je suis sur la page d'accueil, qui est divisée en deux partie:
-Le header.php qui contient le logo et le menu principale.
-Le body.php qui contient le contenu en fonction de quel bouton vous appuyez.
Maintenant, j'essaye de faire en sorte que lorsqu'un utilisateur clic sur un bouton de mon menu horizontal, le contenu de la page cible doit venir s'afficher dans le div de body.php sans avoir à recharger la page complète.
Voici ce que j'ai pour l'instant:
index.php
<!DOCTYPE html PUBLIC "-//W3C//DTD DHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Squid Management</title>
<link rel="stylesheet" href="css/header.css" type="text/css" media=screen>
<link rel="stylesheet" href="css/body.css" type="text/css" media=screen>
<link href='http://fonts.googleapis.com/css?family=Droid+Sans&subset=latin' rel='stylesheet' type='text/css'>
</head>
<body>
<?php
include 'pages/header.php';
include 'pages/body.php';
?>
</body>
</html>
Header.php
<!-- Header SQUID -->
<div id="Logo"><img src="/squid/images/GK_Logo.png" alt="Logo" /></div>
<div id="HeaderMenu">
<div id="HeaderMenuText" class="FloatRight">
<ul class="Floatleft">
<li><a href="#" onClick="loadpage('/squid/pages/monitoring.php','GlobalBody'); return false;">Monitoring</a></li>
<li><a href="#" onClick="loadpage('/squid/pages/reporting.php','GlobalBody');">Reporting</a></li>
<li><a href="#" onClick="loadpage('/squid/pages/schedule.php','GlobalBody');">Schedule tasks</a></li>
<li><a href="#" onClick="loadpage('/squid/pages/configuration.php','GlobalBody');">Configuration</a></li>
</ul>
</div>
</div>
body.php
<div id="GlobalBody">
</div>
<script language="javascript" src="/squid/cgi/LoadBody.js"></script>
LoadBody.js
// JavaScript Document
function loadpage(url,id)
{
var xhr_object = null;
var contenair = id;
if(window.XMLHttpRequest) {
xhr_object = new XMLHttpRequest(); //Création d'un objet xhr_object chargé de communiqué en xml avec le serveur.
xhr_object.open("GET", url, true); //Ouverture / Lecture de l'URL cible.
document.getElementById("contenair").innerHTML = xhr_object.responseText; //Insertion de la reponse text de xhr_object dans le DIV passé en argument.
}
}
Voila, donc mon problème c'est que j'obtiens l'erreur suivante:
Uncaught TypeError: Cannot set property 'innerHTML' of null
Le hic c'est que comme je débute, je vois pas trop ce qu'il veux le bougre!!
J'ai regardé sur gooooooogle, et apparement c'est une erreur de placement du script, mais meme si je le place en fin de fichier, c'est pareil.
Donc si une âme charitable voulait bien regarder mon bout de code et me dire si c'est correct, je lui en serait reconnaissant.
Modifié par DR I (21 Oct 2010 - 16:37)
