Accueil · Index des exemples

Dernière mise à jour le Samedi 9 Octobre 2005

Charger le contenu d'un fichier dans une zone de la page

Une zone est définie ici par un élément de la page identifié par l'attribut id. Comme tout identifiant il doit donc être unique et propre à l'élément. Dans cet exemple nous allons déclarer une zone cible à l'aide de balise <div></div>. 


<div id="zoneCible"></div>

Utilisation de la classe

Pour faire appel à la classe, placez ce code entre les balises head de votre page: 


<script type="text/javascript" src="XHRConnection.js"></script>

Nous allons lancer le chargement du fichier via un bouton qui fera appel à la fonction chargeFichier(). Nous n'utiliserons pas de fonction de callBack étant donné qu'une méthode permet d'indiquer la zone à remplir. 


function chargeFichier() {
	// Création de l'objet
	var XHR = new XHRConnection();		
	// Zone à remplir
	XHR.setRefreshArea('zoneCible');
	// Chargement de la page
	// Natures des paramètres			
	// 	+ string, fichier à charger
	// 	+ string, GET ou POST
	// 	+ ref, nom de la fonction de callBack
	XHR.sendAndLoad("fichier.txt", "GET");
	return true;
}

Démonstration

Le bouton annuler consiste à vider la zone de son contenu: 

	
<input type="button" name="annuler" value="Annuler"
  onclick="document.getElementById('zoneCible').innerHTML = '';" />