[AJAX] Rafraichissement DIV
bonjour,
depuis 2-3 jour , j'essaye tant bien que mal a utiliser l'AJAX mais quasiment rien ne marche.
j'ai fais quelques vérification et le rafraichissement se fait bien au bout d'un certain temps mais la DIV reviens a son état initial !!!
j'ai testé aussi bien sous IE 7 , Firefox 2.0 et 3.0 mais ca change rien ...
fichier test.php
Code:
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
| <!--test ajax-->
<html>
<head>
<title>Test ajax</title>
</head>
<script>
function Load_div(url,div)
{
var xhr_object = null;
var position = div;
//on identifie le type de navigateur et on créé l'objet
if(window.XMLHttpRequest) xhr_object = new XMLHttpRequest();
else
if (window.ActiveXObject) xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
// On ouvre la requete vers la page désirée
xhr_object.open("GET", url, true);
xhr_object.onreadystatechange = function()
{
if ( xhr_object.readyState == 4 )
{
// j'affiche dans la DIV spécifiées le contenu retourné par le fichier
document.getElementById(position).innerHTML = xhr_object.responseText;
}
}
dans le cas du get
xhr_object.send(null);
}
</script>
<body>
<a href="" onclick="Load_div('page.php','div_test');">Cliquez moi !!!</a><br>
<div id="div_test">
<font color="orange">voici une phrase colorée en orange</font>
</div>
<body>
</html> |
fichier page.php
Code:
<font color="blue">voici une phrase colorée en bleu</font>
