rafraichir un tableau

**slylafone** · 24/09/2008, 09h33

Bonjour,

Je suis complètement novice en conception web et pour l'instant bien perdu dans toute cette jungle. Je ne sais vraiment pas quelle technologie choisir...

Mon but : rafraichir un tableau toutes les secondes (le plus vite possible en fait / toutes les 5 secondes au pire). Tous les clients connectés ont le même tableau. On va dire que le tableau fait environ 50 lignes et 10 colonnes (~10Ko en html) ...

Pour l'instant j'ai un système qui fonctionne en AJAX. Mais ce système prend beaucoup de bande passante, car tout le tableau doit être envoyé même si une seule cellule change... Il faudrait donc que j'optimise tout ça, mais comment :
- Multicast (dites moi si je dis n'importe quoi)
- Client en Flash, ou silverlight, ou Java ou ??? (permettrait peut être de ne renvoyer que les cellules modifiées)
- autre chose ???

Merci d'avance pour votre aide.

**SPKlls** · 25/09/2008, 00h39

tu pourrais imaginer un fichier txt xml, enfin peu importe, dans lequel tu enregistrerais le hash de ton tableau.
Ensuite à l'aide d'une requête ajax, tu vérifie si le hash est toujours le même et tu le stockes dans une variable js.
S'il le hash a changer ça veut dire que le contenu de ton tableau a été modifié.
À ce moment là tu sais que tu dois à nouveau envoyé une requête pour récupérer les données modifiés
tu pourrais utiliser une sorte de différentiels avec des coordonnés
par exemple pour un tableau T la valeur de la celulle C est modifé dans la colonne B, ton script php pourrait renvoyé au format JSON (par exemple) quelque chose du genre T:B:C="La valeur"
et la ton js se charge de mettre à jour la valeur à l'aide de ses coordonnées.

**slylafone** · 25/09/2008, 11h10

Merci pour ta réponse SPKlls.

tu pourrais imaginer un fichier txt xml, enfin peu importe, dans lequel tu enregistrerais le hash de ton tableau.
Ensuite à l'aide d'une requête ajax, tu vérifie si le hash est toujours le même et tu le stockes dans une variable js.
S'il le hash a changer ça veut dire que le contenu de ton tableau a été modifié.

C'est à peu près ce que je fais pour l'instant.

et la ton js se charge de mettre à jour la valeur à l'aide de ses coordonnées.

Par contre lorsque je détecte un changement, je rafraichi tout le tableau (je ne sais pas mettre à jour une seule cellule du tableau, je n'y suis pas arrivé). Donc cette méthode m'intéresse beaucoup. As tu un petit exemple de code javascript pour faire ça ?

**SPKlls** · 25/09/2008, 19h02

l'idéal serait d'identifier chacune de tes cellules.
Par exemple lors de la génération de ton tableau en PHP
qqchose du genre :

Code PHP :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"  xml:lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
		<meta name="language" content="en" />
		<style type="text/css">
			#T span:hover {
				cursor: pointer;
				background-color: black;
				color: white;
			}
		</style>
	</head>
	<body>
 
		<?
 
		echo "<table id=\"T\" border=\"1\">\n";
		for ($i = 0; $i < 15; ++$i) {
			echo "\t<tr\">\n";
			for ($y = 0; $y < 10; ++$y) {
				echo "\t\t<td id=\"".chr(65 + $i).$y."\"><span onclick=\"getInner('".chr(65 + $i).$y."');\">".chr(65 + $i).$y."</span></td>\n";
			}
			echo "\t</tr>\n";
		}
		echo "</table>";
		?>
 
		<p>
			Element cliqué : <span id="elem"></span>
		</p>
 
		<script type="text/javascript">
			function getInner(r) {
				document.getElementById('elem').innerHTML = r;
			}
		</script>
	</body>
</html>

**slylafone** · 01/10/2008, 12h20

Ok merci SPKlls pour ta réponse. Je vais regarder ça et faire quelques tests. Ça me parait être la meilleure solution.

rafraichir un tableau

Conception Web

Vue hybride

Discussions similaires

Partager

Partager