[AJAX] Question sur xhrconnection

Invité · 30/03/2011, 09h51

Bonjour,
j'utilise XHRConnection pour loader une page php dans une partie de mon site.
A ceci s'ajoute un message d'attente.
J'ai deux problèmes :
1 - Le message ne disparait pas que la page est loader
2 - Mon intégration se base sur un tuto qui charge la page quand ont clic sur un bouton. Comment faire pour que le chargement se fasse a l'ouverture de la page principale ?

voici mon code

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
 
// Déclaration de la fonction de callback
var remplirChamp = function (obj) {
		str = obj.responseText;
		rExp = '/"/';
		document.getElementById('zoneCible').value = str.replace(rExp, '\"');			
		document.getElementById('messageChargement').style.display = 'none';
}
 
function chargeFichier() {
	// Création de l'objet
	var XHR = new XHRConnection();		
	XHR.setRefreshArea('zoneCible');
	XHR.sendAndLoad("text.txt", "GET");
	document.getElementById('messageChargement').style.display = 'block';
 
	return true;
}

**nadox** · 30/03/2011, 11h10

Bonjour,
http://xhrconnection.sutekidane.net/...le-chargement/

1/ A quel moment définis-tu que ta fonction de callback doit être utilisée ?

Code :

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

XHR.sendAndLoad("text.txt", "GET"..........);

2/ Il suffit d'appeler la fonction qui fait l'ajax au chargement de la page.

Code :

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

window.onload = mafonction;

par exemple.

Invité · 30/03/2011, 11h46

Oui je sais il faut que je mette XHR.sendAndLoad("text.txt", "GET", remplirChamp);
Le problème est que dans ce cas le texte ne s'affiche pas.

**nadox** · 30/03/2011, 12h00

C'est que tu as surement une erreur dans la fonction de callback. Tu as bien une balise avec 'zonecible' pour id ?
Tu peux faire voir le html ?
Sinon il faut déjà savoir si la fonction de callback est éxécutée. Mets un 'alert' au début. Si il ne s'affiche pas, l'erreur est surement dans la fonction chargeFichier. Si il s'affiche, c'est que la fonction de callback n'arrive pas à faire ce que tu lui demande.

EDIT : je ne crois pas que ton expression régulière pour remplacer les doubles guillemets fonctionne...

Invité · 30/03/2011, 12h27

Voici tout le code

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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><?php echo $module_name ; ?></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
<meta name="robots" content="noindex, nofollow" />
 
<style>
#messageChargement {
    -moz-border-radius: 6px 6px 6px 6px;
    background-color: #4F4F4F;
    border: 1px solid #EEEEEE;
    color: #EEEEEE;
    display: none;
    font-family: arial;
    left: 50%;
    margin-left: -60px;
    padding: 30px;
    position: fixed;
    text-align: center;
    top: 50%;
    width: 300px;
}
</style>
 
<script type="text/javascript" src=<?php echo '"http://' . $_SERVER['HTTP_HOST'] . '/back_office/includes/js/jquery.load.page.js"' ; ?>></script>
 
<script>
// Déclaration de la fonction de callback
var remplirChamp = function (obj) {
		str = obj.responseText;
		rExp = '/"/';
		document.getElementById('zoneCible').value = str.replace(rExp, '\"');			
		document.getElementById('messageChargement').style.display = 'none';
}
 
function chargeFichier() {
	// Création de l'objet
	var XHR = new XHRConnection();		
	XHR.setRefreshArea('zoneCible');
	XHR.sendAndLoad("text.txt", "GET", remplirChamp);
	document.getElementById('messageChargement').style.display = 'block';
 
	return true;
}
</script>
 
</head>
<body>
		<div id="messageChargement"><div style="margin:0 auto;">Chargement des statistiques ...</div></div>	
 
		<div id="zoneCible"></div>
 
		<form name="formulaire" id="formulaire" action="/">
			<input type="button" name="charger" value="Charger le fichier" class="button" onclick="chargeFichier();" />
		</form>
</body>
</html>

**nadox** · 30/03/2011, 12h31

Une div n'as pas de value...

[AJAX] Question sur xhrconnection

AJAX

Vue hybride

Discussions similaires

Partager

Partager