[AJAX] Rafraichissement DIV

**dragonfly80** · 06/12/2008, 11h46

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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&eacute;e en orange</font>
		</div>
	<body>
</html>

fichier page.php

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<font color="blue">voici une phrase color&eacute;e en bleu</font>

**Bovino** · 08/12/2008, 08h49

le rafraichissement se fait bien au bout d'un certain temps mais la DIV reviens a son état initial !!!

C'est à dire ??? Elle revient quand à son état initial ? Si c'est au rechargement de la page, c'est normal, tu as modifié le contenu de ta page dynamiquement avec Ajax, mais le fichier source en lui-même n'est pas modifié, donc quand la page est rechargée, elle revient à son état initial.

**dragonfly80** · 08/12/2008, 11h28

bah c'est a dire qu'au départ le texte est d'abord l'original. après un certain temps il est modifier par le texte a afficher a la place. mais après la page revient a son état initial ( dons avec le texte original ) ...

donc c'est comme si ca faisait rien du tout , alors que le changement de texte se fait bien a un moment.

**Bovino** · 08/12/2008, 11h35

après un certain temps il est modifier par le texte a afficher a la place

quand tu cliques dessus tu veux dire ?

mais après la page revient a son état initial

Après quoi ?
Donnes plus d'explications parce que là, je comprends pas tout.

Sinon :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var position = div;

Ca sert à quoi de rajouter cette variable ?

**dragonfly80** · 08/12/2008, 17h36

en faisant un test pour afficher l'état "readyState" de mon objet "XMLHttpRequest" j'obtient :

après l'appel fonction Open : passage a 1 . donc jusque la rien d'anormal.

ensuite une fois arrivée a l'appel de "onreadystatechange" j'obtient ceci :

=> état readyState de 1 à 3 phrase de couleur orange ( normal )
=> état readyState à 4 , phrase de couleur bleu ( normal )
=> sortie de l'appel de onreaystatechange et état readyState a 1
phrase de couleur orange !!!

donc a la sortie de la fonction appelé par onreadystatechange, la phrase redevient comme avant ... comment faire pour qu'elle reste bleu ?

**Bovino** · 08/12/2008, 17h42

Ah oui !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="" onclick="Load_div('page.php','div_test');">Cliquez moi !!!</a>

Quand tu cliques, tu obtiens ton changement de couleur, puis le href est lancé... et te ramène à ta page d'origine...
Essaye comme ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="" onclick="Load_div('page.php','div_test');return false;">Cliquez moi !!!</a>

[AJAX] Rafraichissement DIV

JavaScript

Vue hybride

Discussions similaires

Partager

Partager