Discussion :

[cdespont]

Bonjour à tous,

J'ai un problème d'itération. Mon but est de chercher les résultats d'un tour de vote précédent pour les indiquer à côté du vote courant. J'ai donc créé des div avec un id spécifique, itéré dessus et appelé une fonction php pour récupérer les votes dans la base. Ca c'est pour l'idée. Résultat seul le premier div se voit attribuer la valeur puis les suivants à chaque refresh de la page...

le fragment html qui se répète n fois avec des paramètres différents :

Code :

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

1
2
3
4
5
6
7
8
9
10
<td class="zoneVote" width='14%' >
	<div id="previousVote" title="11_22|2">none</div>
	<select id="currentVote" title="11_22|2" name="vote" >
		<option></option>
		<option> 1 </option>
		<option> 2 </option>
		<option> 3 </option>
		<option> - </option>
	 </select>
</td>

getPreviousVote.js

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
$(document).ready(function(){
    $("div[id='previousVote']").each(function(){
        var response = "";
        var title = $(this).attr("title");
        var chapter = title.substr(0, title.indexOf("_", 0));
        var row = title.substr(title.indexOf("_", 0)+1, title.indexOf("|", 0)-title.indexOf("_", 0)-1);
        var col = title.substr(title.indexOf("|")+1, title.length);
        var dataString = 'chap='+ chapter +'&row='+ row +'&col='+ col;
 
        response = $.ajax({
            type: "GET",
            url: "../functions/getPreviousRoundData.php",
            data: dataString,
            success: function(){
            }
        }).responseText;
 
        $(this).text(response);
    });
});

Et le résultat est que seul le premier div est remplacé, les suivants le sont 1 à 1 à chaque refresh de la page.

Merci d'avance de m'apporter vos lumières.

cdg

[cdespont]

Bon ben j'ajoute la réponse reçue par ailleurs... :

"Firstly, ID must be unique within a page. Don't reuse it in subsequent votes.

Secondly, you should set the text of the element in the success callback as the ajax call is asynchronous (that's the first A in AJAX)."