[Ajax] Requetes et balises

**LoK** · 20/08/2006, 16h19

Bonjour à tous,

Mon but est tout simplement de charger un fichier PHP lors d'un clik sur un lien. Je me base sur la bibliothèque Prototype, ma requete fonctionne mais j'ai un problème pour retourner le fichier.

Voici 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
 
<html>
<head>
    <script type="text/javascript" src="js.js"></script> <!-- Contient la biblio Prototype. -->
    <script type="text/javascript">
function searchSales() {
	var url = 'test.php';
	var myAjax = new Ajax.Request( url, {method: 'get', onComplete: showResponse} );
}
 
function showResponse(originalRequest){
	$('resultat').value = originalRequest.responseText;
}
	</script>
</head>
 
<body>
<a href="#" onclick="searchSales()">Testons le code...</a><br />
<textarea id="resultat"></textarea>
 
</body>
 
</html>

Ce code fonctionne parfaitement mais si je change le bloc de reception, plus rien ne fonctionne. Si je ne souhaite plus inclure le contenu du fichier dans un textarea ("<textarea id="resultat"></textarea>") mais dans un div ("<div id="resultat"></div>"), plus rien ne marche.

Quelqu'un sait-il pourquoi ? Comment y remedier ?

Merci,
LoK.

**janselmeer** · 20/08/2006, 18h33

Si tu as essayé la même fonction showResponse avec un div, c'est normal que ça ne marche pas. Il faudrait la modifier comme ça :

Code :

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

1
2
3
4
 
function showResponse(originalRequest){
	$('resultat').innerHTML = originalRequest.responseText;
}

En fait la propriété value n'existe pas dans un div, elle est spécifique aux champs de formulaire comme le textarea.

Est-ce que c'est ça ton problème ?

**FremyCompany** · 20/08/2006, 19h19

Je peux savoir depuis quand "$" est une fonction JS ?

Si tu veux mon avis, tu dois plutot utitlier document.getElementById

**LoK** · 20/08/2006, 19h30

Est-ce que c'est ça ton problème ?

Ca a totalement résolu mon problème, il en fallait peu pour mettre à mal mon niveau de JS.

Je peux savoir depuis quand "$" est une fonction JS ?

"$" est le nom d'une des fonctions inclue dans la bibliothèque Prototype. Pour résumer, cette fonction joue le rôle d'un "document.getElementById" amélioré (y a plus de possibilitées).

Je continue mon code en essayant de l'améliorer (ajout d'une image invitant à patienter pendant que la requete s'effectue, ajout d'effets de la biblio scriptaculous...), je reposterais si je rencontre de nouveaux problèmes.

Merci à vous.

[Ajax] Requetes et balises

JavaScript

Vue hybride

Discussions similaires

Partager

Partager