[AJAX] Chat en ajax qui se reload periodiquement - Garder les values des inputs..

Version imprimable

Bonjour j'ai fais une barre ajax à la facebook qui marche parfaitement.

Elle se reload les fenetre s'ouvrent une par membres ect..

Par contre je fais un settimeout sur la div globale qui englobe tout le chat.

Donc les inputs sont vidé toute les 5s (interval du time out)

Tout mes inputs sont comme ceci :

php:
Code:

1 2 3 <? echo'<input name="chatmsg'.$idAmiCo.'" id="chatmsg'.$idAmiCo.'"type="text" />'; ?>
Donc le name peut être chatmsg32 comme chatmsg36.. Ca varie bref.

Mon but ?

Conserver la valeur des input a chaque rechargement ajax.. mais voilà l'internaute peut avoir d'ouvert chatmsg37 , chatmsg26, chatmsg48, chatmsg117 ... selon les message qu'il recoit.

Donc je vois pas comment parcours tout les name chatmsgX et les restituer après le timeout.. Parcours avec une boucle ca va être difficile car pas de valeurs de départ ni d'arrivée, et je veux faire ca directement dans ma fonction de reload ajax sans envoyer plus de var que l'id qui est l'id du membre connecté.

La voici :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 function chat(id){ var spancontact = document.getElementById("contactsF"); var param="idChatOnline="+id; $.post("../../chat/chat.php", param, function(data){ spancontact.innerHTML = data; } ); setTimeout("chat("+id+")",5000); }
Une idée, technique ?

02/12/2009, 08h27
madevilts

En fait, tu écrases le input toutes les 5 sec c'est ça ?

La solution réside dans le fait de ne recharger que le contenu du input et non pas le input complet.
02/12/2009, 14h54
socket77

Plus précisément ?

Là comme plusieurs messages privés peuvent arriver

=> Donc plusieurs fenêtres qui peuvent être fermés ou ouverte,sil faudrait que je fasse énormément de reload séparés (mon chat ressemble à la barre footer de chat facebook et ma fonction reload toute la barre)

Donc il faudrait vraiment que je trouve un autre moyen de stocker ces valeurs..
02/12/2009, 15h32
madevilts

Tu appelles une page web en Ajax qui te renvoi un fichier xml qui contient :
- les derniers messages reçus
- les expéditeurs

Avec cela, tu auras plus qu'a parser le fichier et mettre les messages dans les bonnes cases.

Bon j'ai joué avec getbyname

voici le résult :

Code:

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
function chat(id){
var spancontact = document.getElementById("contactsF"); 
var param="idChatOnline="+id;
var chatmsg =document.getElementsByName("chatmsg");
var i;
var inputs = new Array();
 
for(i=0;i<chatmsg.length;i++)
{
var input = document.getElementById(chatmsg[i].id);
inputs[input.id]=input.value;
 
}
 
// AJAX
$.post("../../chat/chat.php", param,
 
function(data){
spancontact.innerHTML = '<img src="../images/iconechat.png" style="top:5px;position:relative;margin-right:5px"/>'+data;
 
	}
 
 );
//
 
   for(var id1 in inputs) {
  alert(id1);
  var texteinput= inputs[id1];
  alert(texteinput);
  var inputfinal = document.getElementById(id1);
inputfinal.value=texteinput;
}
 
  setTimeout("chat("+id+")",5000);
 
}

Alors alert(texteinput) me renvoi bien le contenu de l'input et alert(id1); l'id de l'input

Mais voilà inputfinal.value=texteinput; ne ré attribue pas la value! Le champ se vide toujours...

Une idée?

03/12/2009, 15h56
socket77

Je bloque vraiment l'erreur est incompréhensible..