Discussion :

[gregtix]

Bonjour à tous,

C'est mon premier message sur le forum, je débute en ajax et je suis confronté à un petit problème ... n'hésitez pas à me reprendre avec la terminologie si je suis un peu ambigu.

Je vais tenter de vous exposer mon problème, j'utilise une liste déroulante qui me permet d'exécuter ma fonction Ajax, le résultat étant affiché dans un DIV ... jusque là ça fonctionne !

Ma fonction retourne un tableau composé d'un certain nombre d'enregistrements, et c'est là que j'ai besoin d'un peu d'aide ...

Je souhaiterais pour chacun de ces enregistrements exécuter une nouvelle fonction ajax mais je bloque avec l'utilisation de la méthode getElementById et de ma balise DIV.
J'ai tenté d'ajouter un identifiant à ma balise DIV (du style

Code :

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

<div id="tab_result_$id"></div>

mais je ne sais comment le récupérer dans mon getElementById) ... d'ailleurs je ne sais pas si la bonne méthode

Si vous avez une petite idée ce serait vraiment cool

[yann0807]

Ce que je voudrais savoir c'est pourquoi tu affiches une variable php ($id) dans du code html? Normalement ce serait <?php echo $id;?>
De plus, tu voudrais executer une fonction pour chacun de tes enregistrements. Mais part quel moyen? Un bouton qui effectuerais des modifications?

[gregtix]

Tu as tout à fait raison, j'ai simplifié l'écriture dans mon message mais il s'agit bien de <?php echo $id;?>.

De plus, tu voudrais executer une fonction pour chacun de tes enregistrements. Mais part quel moyen? Un bouton qui effectuerais des modifications?

S'il n'y pas d'autre solution ce pourrait être un bouton mais l'idée serait que lorsque le tableau se charge, la fonction serait appelée pour chaque enregistrement... mais c'est vrai que je ne vois pas trop comment appeler ma fonction du fait que j'utilise déjà un <div> pour afficher mon tableau ..

[Bovino]

Salut,
Actuellement, comme le souligne yann0807, ta demande est beaucoup trop vague pour que l'on puisse t'aider.
On ne peut pas deviner ton code et tu ne nous montres que le code d'une div vide...

j'ai simplifié l'écriture dans mon message

oui, un peu trop même

[gregtix]

Je ne voulais pas mettre tout mon code mais c'est vrai que ce sera probablement plus facile pour m'aider.

Ma fonction permettant d'afficher mon tableau dans un div (fonction appeler via une liste déroulante)

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
	function getXhr()
	{
		var xhr = null;
		if(window.XMLHttpRequest){ // Firefox et autres
		xhr = new XMLHttpRequest(); 	   
		}
		else if(window.ActiveXObject){ // Internet Explorer 
		   try {
				xhr = new ActiveXObject("Msxml2.XMLHTTP");
				} catch (e) {
				xhr = new ActiveXObject("Microsoft.XMLHTTP");
				}
		}
		else { // XMLHttpRequest non supporté par le navigateur 
		alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
		xhr = false; 
		} 
		return xhr;
	}
 
	function AFF_CLASSEMENT(id_compet,saison) 
	{ 
		var xhr = getXhr();
 
		xhr.onreadystatechange = function() 
		{ 
			if ( xhr.readyState == 4 )
			{
				if(xhr.status  != 200)
				{
					document.getElementById("tab_clt").innerHTML ="Error code " + xhr.status;
				} 
				else 
				{
					document.getElementById("tab_clt").innerHTML = xhr.responseText;
				}
			} 
			else 
			{
				document.getElementById("tab_clt").innerHTML = "Chargement en cours...<br /><br /><img src='loading.gif' alt=''/>";
			}
		 } 	
		var url= "aff_classement.php?id_compet="+escape(id_compet)+"&saison="+escape(saison);
		xhr.open("GET",url, true); 
		xhr.send(null);
	}

Le fichier aff_classement.php exécute une requète mysql et renvoie le tableau dont le code est ci-dessous :

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
 
     <table width="60%" border="1" align="center" cellpadding="1" cellspacing="0">
        <tr>
          <td width="10%" align="center">Rang</td>
          <td align="left">Joueur</td>
          <td width="20%" nowrap>Evolution</td>
        </tr>
        <?php
$rang=1;
while($row = mysql_fetch_array($result))
{
        ?>
	<tr>
	  <td><b><?php echo $rang++; ?></b></td>
	  <td align="left" nowrap><?php echo $row['joueur']; ?></td>
	  <td align="center"></td>
	</tr>
	<?php 
} 
?>
</table>

Ma boucle while renvoie donc un certain nombre d'enregistrements et c'est donc au niveau du champ évolution que je souhaiterais exécuter une nouvelle fonction.

J'espère que cette fois c'est un peu plus clair

[Bovino]

J'espère que cette fois c'est un peu plus clair

Désolé, mais non, pas vraiment... je ne vois pas comment est appelée ta fonction AFF_CLASSEMENT() ni ce que tu souhaites faire après...
En revanche, je suppose que tu veux lier des fonctions JavaScript aux éléments ajoutés.
Si c'est le cas, voir la FAQ.