Un Chat élémentaire en Php/jQuery sur Jay Salvat, le Blog

Commentaire de Cocco

(Cocco) — Tue, 09 Mar 2010 18:56:37 GMT

Super travail, j'ai complètement modifier pour l'adapter a mes soins et débuter en JavaScript. Un énorme merci a Jay, au passage très utile ton blog. Merci

Commentaire de jim

(jim) — Wed, 03 Mar 2010 12:16:34 GMT

Bonjour, il semble que j'ai le souci avec IE et le problème de header . j'ai rajouté cette ligne : header("Content-type: text/plain; charset=UTF-8"); comme indiqué ici http://remiprevost.com/2008/02/ajax-ie-et-contenu-texte mais alors c'est firefox qui fonctionne plus ? étrange, c'est soit IE ou Firefox .... quelqu'un à le même souci ?

Commentaire de kraddle

(kraddle) — Wed, 06 Jan 2010 13:16:46 GMT

A ben c'est trouvé ! Merci pour cette démonstration et bonne route à vous

Commentaire de kraddle

(kraddle) — Wed, 06 Jan 2010 13:08:59 GMT

Merci Jay Salvat pour ce tutorial. Cependant je suis hebergé sur OVH comme vous ce qui rend caduque la fonction refreshChat(). Avez-vous une astuce pour y remédier ?

Commentaire de Jay Salvat

(Jay Salvat) — Thu, 12 Nov 2009 09:56:06 GMT

Bonjour Yvan, Je ne réponds que maintenant car j'ai eu du mal à installer Silverlight sur mon mac. Je pense que 10 secondes est un peu long pour espérer une conversation fluide.

Commentaire de Jay Salvat

(Jay Salvat) — Wed, 11 Nov 2009 21:41:22 GMT

Bonsoir Bill, SetTimeout prend une fonction pas forcement une chaine de caractère.

Commentaire de bill

(bill) — Wed, 11 Nov 2009 13:51:07 GMT

La fonction setTimeout() ne prendait-elle pas une chaine de caractère ? Du genre : setTimeout("refreshChat()", 5000); ?

Commentaire de Yvan Nébotieff

(Yvan Nébotieff) — Tue, 10 Nov 2009 18:10:28 GMT

Bonjour J'expérimente la technique mais avec Silverlight comme client et php comme serveur. Vous pouvez avoir un aperçu ici : (projet en developpement) http://www.furukoo.fr/furukoov2/TestPage.html (Silverlight obligatoire) UserName : guest / Password : guest On peut observer le traffic HTTP sous FF avec Firebug ou sous IE avec la debugbar. Le "pool" est de 10 secondes seulement car je teste un "active user" toute les 10 secondes. Qu'en pensez vous ? Yvan

Commentaire de zeflex

(zeflex) — Tue, 20 Oct 2009 00:24:25 GMT

Je suis en train de développer une appli similaire à la votre, mais basé sur une base de données pour récupérer diverses informations (il s'agit d'un tchat sur un espace communautaire). Je voulais savoir si quelqu'un avait une idée sur les impacts en requetes sur une bdd : un refresh chaque 5 sec. est acceptable, est il risqué de pousser le refresh à 1 sec ? Que ce soit pour la charge du serveur mysql ou un éventuel plantage du navigateur client ? Merci de vos éventuelles réponses.

Commentaire de Jay Salvat

(Jay Salvat) — Mon, 05 Oct 2009 21:28:18 GMT

Bonsoir CoreDump, Merci pour ta contribution ASP. En effet, je ne le précise pas dans l'article mais il faut ouvrir les droits d'écriture sur le fichier HTML. La fonction adéquate est chmod. Tu as aussi raison sur le ifModified de la version avec PHP. Par défaut il sera toujours "modified" à moins de jouer avec les headers. Le ifModified est un confort mais n'empêche pas le script de fonctionner. Sur la démo le ifModified ne fonctionne pas, mon hébergeur ne le permet pas. C'est juste plus lent et lourd.

Commentaire de CoreDump

(CoreDump) — Mon, 05 Oct 2009 14:50:46 GMT

Excellent !! Je viens de découvrir Jquery et Ajax et ce petit tuto me donne envie de poursuivre ! Moi aussi j'avais tenté de faire un petit chat avec des frames et du php il y a quelques temps, mais c'était l'usine à gaz et vraiment pas élégant du tout. Là c'est propre, c'est net... j'adore !! Comme le site du boulot est en asp, j'ai juste réécrit chat.php en chat.asp, pour ceux que ça pourrait intéresser, ça donne un truc de ce genre : <% user = session("user") message = request.form("message") new_line = "

"&user&" "&now()&": "&message&"

" Set FSO = _ Server.CreateObject("Scripting.FileSystemObject") dir = Server.MapPath(".") Fnm = dir & "\chat.html" if FSO.FileExists(Fnm) then set inF = FSO.OpenTextFile(Fnm,1,false) new_line = new_line & inF.readAll inF.close end if set inF = FSO.OpenTextFile(Fnm,2,false) inF.write(new_line) inF.close %> En rentrant chez moi j'ai repris la version php mais ils semblerait que mon hébergeur ne m'autorise pas à modifier le fichier 'chat.html'... Alors j'ai utilisé la méthode de Demorex, en passant par ma base MySql. Ca marche nickel sauf pour Google Chrome qui n'affiche pas la discussion dans le DIV du haut ! En enlevant le ifmodified ça marche pour tout le monde, même Chrome... En même temps, je trouve illogique qu'avec le ifmodified la version de Demorex puisse fonctionner sous IE et FireFox, étant donné que le fichier .php n'est pas réellement modifié, contrairement au fichier chat.html qui est lui "physiquement" mis à jour ! Quelqu'un saurait m'expliquer cela ? En tout cas, bravo et merci pour ce tuto bien sympa et didactique ;o)

Commentaire de Jay Salvat

(Jay Salvat) — Fri, 03 Jul 2009 11:04:02 GMT

@Demorex Merci beaucoup pour ce complément d'information.

Commentaire de demorex

(demorex) — Fri, 03 Jul 2009 10:55:22 GMT

Salut. Ce lien m'a permis de résoudre mon problème http://remiprevost.com/2008/02/ajax-ie-et-contenu-texte Merci.

Commentaire de demorex

(demorex) — Thu, 02 Jul 2009 19:16:13 GMT

@ Jay Salvat j'ai remplacé le fichier chat.html par chat2.php, j'y ai inclus les parametres de connexions à ma base de données: - dans chat.js : function refreshChat() { $.ajax({ url: "chat/chat2.php", success: function(content){ $('#room').html(content); } }); - dans chat.php (on fait l'insertion dans la base de données -dans chat2.php $requete = "SELECT * from demo_chat order by id desc"; //(pseudo,texte,date) $exe=mysql_query($requete); $msg_texte=""; while ($tab=mysql_fetch_array($exe)) { $msg_texte .= "

{$tab[pseudo]} {$tab[date]}

{$tab[texte]}

\n"; } echo $msg_texte; mysql_close($connect); Tout cela fonctionne vien sous Firefox, mais sous IE6 l'actualisation des données enregistrées ne marche pas. Comment resoudre ce probleme?

Commentaire de Jay Salvat

(Jay Salvat) — Thu, 02 Jul 2009 17:48:57 GMT

@ Demorex , Simplement en remplacant l'écriture dans le fichier par une écriture en base de données et le fichier plat chat.html, par un script PHP qui lit cette même base. A toi de jouer :)

Commentaire de Jay Salvat

(Jay Salvat) — Thu, 02 Jul 2009 17:28:13 GMT

Merci à tous pour vos feedbacks. Comme précisé dans la 1ère version de l'article, la démo n'était pas prévue d'être en ligne pour diverses raisons de configuration serveur. Je pense que maintenant tout est bon.

Commentaire de demorex

(demorex) — Thu, 02 Jul 2009 17:09:29 GMT

Merci pour ce tuto. Comment modifier ce script pour qu'il enregistre la conversation dans une base de données et non dans un fichier. En plus il semble que le script ne marche pas bien sous IE6(les écrits ne s'affichent pas).

Commentaire de Stan

(Stan) — Thu, 02 Jul 2009 15:59:01 GMT

C'est étrange car sous IE les écrits ne s'affichent pas mais ça propage bien les informations sur un autre navigateur ouvert à côté (Firefox pour ne pas le nommer). @Jay : De plus la démo est concernée par le mail que je t'ai envoyé il y a quelques temps ;)

Commentaire de Jay Salvat

(Jay Salvat) — Wed, 01 Jul 2009 11:00:58 GMT

@Mr Xhark Démo en place.

Commentaire de Mr Xhark

(Mr Xhark) — Tue, 30 Jun 2009 21:10:29 GMT

Même pas une petite démo sans historique ? :(

Commentaire de CpNForTehWin

(CpNForTehWin) — Sun, 21 Jun 2009 12:32:04 GMT

Merci pour cette astuce ;)

Commentaire de Vincent Voyer

(Vincent Voyer) — Tue, 16 Jun 2009 22:33:26 GMT

Implémentation basique oui mais sympa. Facebook utilise une technique moins connue : des requêtes ajax sont lancées en permanence et restes actives pendant en gros une minute à la recherche de nouveaux messages, dès qu'un nouveau message est reçu le script s'arrête, envoit les messages à l'utilisateur et une nouvelle requête repart ... C'est du "long polling"

Commentaire de Nicolas Froidure

(Nicolas Froidure) — Tue, 16 Jun 2009 14:33:17 GMT

Bonjour, Sympa. L'idée date, en effet, je me souviens que j'avais fait un petit chat avec des frames HTML et du PHP sans utiliser Javascript grâce à la balise (maintenant décriée) meta refresh et un formulaire de type POST avec un target qui va bien. C'est bcp plus sexy comme ça ;), c'est sûr. Et ça m'a permis de voir un peu comment fonctionne JQuery car apparemment, ce serait mieux que Prototype. @+