Bonjour à tous et toutes!
Voilà j'ai un souci avec un code AJAX. En fait, je réussi à charger ma page 'admin.php' dans le div 'content' mais celle ci disparait aussitot. Je sais que le page admin.php se 'charge' dans le div parce qu'en fesant un 'alert' juste apres le chargement elle est affiché mais des que je clique sur ok... elle disparait... Sauriez vous pourquoi?? Merci de m'aider.. Je vous met mon code ...
Merci .!!
Alors voici mon code:
Le fichier "index.php":
CODE
<?
include "./connection.php";
?>
<html>
<head>
<title></title>
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body><script type="text/javascript" src="jabbax.js"></script>
<table align=center width=1024 height=768 border=1 bordercolor=#000000>
<tr width=100% height=160>
<td with=130>
<a
href="index.html"><img src="siteon7.gif" alt="Retour à l'accueil"
height=160 width=130 border=0></img></a>
</td>
<td width=100% rowspan=2>
</td>
</tr>
<tr height=40 width=130>
<td>
icone
</td>
</tr>
<tr height=100% valign=top>
<td width=130 align=left>
Historique<br>
Liens<br>
Filieres<br>
<a href="" onClick="java script:getPage('admin.php','content');">Administration</a><br>
</td>
<td width=100%>
<div id='content'></div>
</td>
</tr>
</table>
</body>
</html>
Le fichier 'jabbax.js':
CODE
// INITIALIZE AJAX ENGINE //////////////////////////////////////
function ajaxObject(){
if(window.ActiveXObject){
// Support Internet Explorer
var request = new ActiveXObject("Microsoft.XMLHTTP");
return request;
} else if(window.XMLHttpRequest){
// Support Firefox, Safari, Opera
var request = new XMLHttpRequest();
//request.setRequestHeader("Content-Type", "text/xml;charset=iso-8859-1")
return request;
} else {
// Aucun support
alert('Désolé,
mais votre navigateur ne supporte pas la technologie AJAX. Nous vous
conseillons d\'utiliser un de ces navigateurs compatibles : Mozilla
Firefox, Microsoft Internet Explorer, Opera.');
return false;
}
}
/////////////////// JABBAX.LoadPage /////////////////////:
function writeHTML(htmlStream, div){
document.getElementById(div).innerHTML = htmlStream;
alert(document.getElementById(div).innerHTML);
}
function loadPage(url,div){
request = ajaxObject();
request.open("GET", url, false);
request.send(null);
if(request.readyState == 4) {
writeHTML(request.responseText, div);
}
}
function getPage(url,destination){
page = url;
div = destination;
if(page != '')
{
// pour ne pas envoyer systématiquement une requête dès que l'utilisateur frappe une touche (délai d'2 seconde)
writeHTML(' Veuillez patienter...',div);
loadPage(page,div);
}
}
Et le fichier admin.php est un fichier php avec des des zones de saisies textes et un bouton submit...
Donc mon souci est que la page admin.php se charge bien dans le div 'content' mais disparait aussi vite.
Elle se charge mais ne reste pas affichée...
Sinon le div est vide quand la page est vide...
Voilà en espérant que vous pourriez m'aider,
Merci