Tutoriel vidéo PHP : Créer un tchat en Ajax/PHP

Lepelley (Mardi 03 Novembre 2009 à 23:02):

Jolie =)

Badbart (Mardi 03 Novembre 2009 à 23:41):

Le coup du 2eme tableau pour inverser l'ordre des commentaires c'est pas un peu compliquer ? Juste ORDER date ASC aurait suffit non ?

WoaWorld (Mercredi 04 Novembre 2009 à 00:06):

Encore un superbe tuto!
Je le regarde demain, car la je suis crevé.
Bravo !

fantoche (Mercredi 04 Novembre 2009 à 00:08):

L'aventure continue !! Extra.

OverSpeed (Mercredi 04 Novembre 2009 à 09:08):

Merci pour ce tutoriel Grafikart

tagcash (Mercredi 04 Novembre 2009 à 18:04):

c cool sa merci juste se que je voulais

WA007 (Mercredi 04 Novembre 2009 à 19:05):

Comme toujours tes tutos en impressionne plus d'un !! mais sérieusement c'est dommage que tu garde tes tutos les plus intéressant qu'au payeur ! je sais qu'on doit se faire payer dans ce domaine mais justement en créant pour des compagnies leur site c'est ski doit rester payant mais pour montrer la merveille du web à tout tes admirateurs tu devrais garder le tout gratuit c'est seulement mon opignon !!! pour un visuel comme moi tes vidéos sont ma source d'inspiration ^^ )

doo (Mercredi 04 Novembre 2009 à 19:56):

merci comme toujours!!

DoDo021 (Mercredi 04 Novembre 2009 à 20:54):

Très très bon tuto comme toujours ! =)
As-tu prévu de faire un tuto dans le même style mais avec les socket ?
Sa serais très interessant =)

Merci encore pour tout j'en apprend beaucoup grâce à toi. =D

Have Fun DoDo021

WA007 (Mercredi 04 Novembre 2009 à 21:06):

Je tien à dire que j'ai mis des fonds dans mon compte paypal pour te soutenir mais espérons que tu en profite pour en rajouter d'avantage ^^ )

WA007 (Mercredi 04 Novembre 2009 à 21:06):

P.S la qualité pas super :S

pobourger (Jeudi 05 Novembre 2009 à 17:05):

Jolie tuturiel est ce que tu pense faire un compte payable pas ALLOPASS ? j'ai pas trop confiance même si je devrais avec ma carte bleu sur internet. ?
Cordialement,

pobourger (Jeudi 05 Novembre 2009 à 17:05):

Si tu veut tenter je te conseil : http://www.allopass.com

spookdealer (Jeudi 05 Novembre 2009 à 21:58):

trop cool ce tchat en ajax et php merci grafikart :p.

Quent1du58 (Vendredi 06 Novembre 2009 à 00:35):

Merci pour le tuto

Harry (Vendredi 06 Novembre 2009 à 18:07):

Tu te tapes un pire délire avec les messages à la fin U_o
LOL, sinon très bon tutoriel

Shin (Samedi 07 Novembre 2009 à 01:00):

Ow depuis le temps que j'attends ce tuto il faut que la seconde partie soit payante T_T
Snif...

Toutes les meilleures choses ont une fin, on glisse vers le emob-type (des tuto gratuits ultra light histoire d'uniquement donner envie de se payer les autres ~)
En espérant que l'inévitable glissade déjà bien entamée prenne longtemps !

C'est vraiment dommage que le volontariat ne fonctionne pas... =/

Allez merci quand même de te donner tout ce mal, moi je fonce m'inscrire pour un mois~~

BORK (Samedi 07 Novembre 2009 à 13:14):

je suis tout à fait daccord avec Badbart =)

merci encore pour ce magnifique tutoriel =)

29.02 (Samedi 07 Novembre 2009 à 19:11):

Pour progresser, j'ai quelques questions qui me viennent à l'esprit :
- pourquoi ne pas mettre le champs id en clé primaire ?
Peut-être vu que le moteur est MyIsam et vu qu'il n'y a qu'une table ceci est inutile ?
- egalement, la fonction last_insert_id() pourrait t'elle suffir à obtenir le dernier id inséré au lieu de la requête ?

Nouipoz (Samedi 07 Novembre 2009 à 21:48):

Salut , cool , merci beaucou en + très bien expliquer , merci beaucoup a toi .

Sid (Dimanche 08 Novembre 2009 à 13:36):

Super tuto mais pourquoi utilises-tu windows et sur les autres mac os ^^ ? tu n'aimes pas mac ? p:

sc62 (Lundi 09 Novembre 2009 à 14:46):

Salut ,

ça fonctionne en local avec Wamp ... mais sur mon serveur j'ai des erreurs de session ... ( j'ai utiliser le code source dans le Zip )

DoDo021 (Lundi 09 Novembre 2009 à 20:23):

Re salut =)
J'ai une petite question =)
Jquery n'ai pas compatible avec IE j'aurais aimé savoir si tu avais des liens ou des astuces pour que cela fonctionne. =) Car j'ai cherché mais j'ai pas trouvé grand chose qui peux m'aider.

Merci d'avance =)

Have Fun DoDo021

PifyZ (Mardi 10 Novembre 2009 à 19:42):

Je voudrais juste savoir où sont les sources des tutos ?

PifyZ (Mardi 10 Novembre 2009 à 20:03):

Mais comment faire alors, car tout recopier ça met 20 ans, et la qualité... :S

Mais sinon c'est bien

Et j'ai pu faire les commentaires, mais j'aurais aimer le t'chat, tant pis...

Thomas (Jeudi 12 Novembre 2009 à 13:44):

Merci pour ce tuto graphik
A tous les pleureuses qui trouve ca chère, pensez au boulot que représente le montage de ses tutos.
Perso je trouve que graphik devrait faire payer tous ses tutos, un abonnement de que 10 euros pour 6 mois franchement c'est donné ...
Moi ca fait deux ans que je me suis lance dans l'apprentissage des techniques web et je n'avais pas encore rencontré un site aussi intéressant et surtout en vidéo.

PS:
Pour les pleureuses qui ne font que du copier coller et ne cherche pas à comprendre les codes passez votre chemin ou passez à la CAISSE ...

Necko (Lundi 23 Novembre 2009 à 20:36):

Salut tout le monde, dans la vidéo, on peut voir que la personne utilise un débugger sur son navigateur, ce qui est bien pratique.
quel est le nom de ce débugger ? ou puis je le trouver ?

Necko (Lundi 23 Novembre 2009 à 22:02):

Merci à toi.

Gérald (Lundi 30 Novembre 2009 à 22:05):

hello,

tout d'abord les tutoriaux sont vraiment top, un grand bravo ! même avec des années de php on découvre toujours une petite ruse bien utile !

ma question : y a t il moyen de faire descendre automatiquement l'ascenseur vertical afin que le message le + récent soit directement visible ?
j'avais vu ça avec du javascript de type scrollBy(0,999999)
=> partage tu cette méthode ? (qui ne marche pas toujours bien selon le navigateur je crois me souvenir)

A+

valentin45000 (Vendredi 04 Décembre 2009 à 10:20):

Bon mon post à était supprimer donc je remet :
quand on envoi un message sa charger, sa charge sans jamais s'arrêter, alors que c'est correctement envoyer, c'est seulement quand on actualise qu'ont peut le voir.
Quel le problème à votre avis ?

valentin45000 (Vendredi 04 Décembre 2009 à 12:43):

Oula mais pas d'affolement c'est pas bien grave ^^
Ok j'envoie tout sa ^^

Zigee (Dimanche 06 Décembre 2009 à 16:02):

Bonjour Graf !

Voilà, j'avais eu un pépin avec le carrousel du coup j'avais dit que si je te sollicitais pour un bug, je t'achetais un autre tuto ! Bah voilà, j'ai acheté celui du chat et je vais pas tarder à t'en acheter un autre parce que j'ai à nouveau un problème sur ce tuto !!

Voilà, il me semble que la fonction clearInterval ne fonctionne pas dans mon cas.
Dans firebug, le script s'emballe dés que j'envoie un nouveau message. Comme si il ajoutait un nouveau SetInterval du coup à chaque post.

Si à l'occasion tu pouvais jeter un oeil de ce côté
http://www.scopland.com/sandbox/chat

En tout cas le carrousel marche à merveille et ce tuto est excellent.

Zigee (Lundi 07 Décembre 2009 à 11:15):

Argh, j'ai toujours l'impression qu'en tapant vite mes messages, le rechargement s'emballe encore. L'inconvénient c'est que par moment deux getMessages() sont appelés a quelques milisecondes d'écart et il y a donc répétition du messages postés.
J'avoue que là ça me dépasse.

Zigee (Dimanche 13 Décembre 2009 à 16:22):

Je suis toujours dans la panade

nbuis47 (Mardi 29 Décembre 2009 à 09:36):

Hello, une petite suggestion ou question... Comment faire pour qu'on puisse valider par la touche entrer ? Ce serait l'idéal, comme beaucoup on a le réflexe de taper son texte et valider par la touche entrer ! Une idée ??
Merci d'avance à tous, et encore félicitation à grafikart pour ses tutoriels plus que complets...

louisdsm (Samedi 02 Janvier 2010 à 15:31):

Hehe super le tchat mais le tchat public a des faiblesse non. On se connecter sans pseudos. Avec des balise <?php ?>, ou autre et pareil dans ton tutos pour les formulaire on peut utiliser du javascript et du html. Les expression réguliere est-elle la solution a c'est problémes???

ipika (Mardi 05 Janvier 2010 à 13:31):

Bonjour,

Le système n'est-elle pas trop lourde en requête SQL ?

Cordialement.

FOKDS (Vendredi 12 Février 2010 à 01:55):

Bonjour,
j'aime votre travail mais je rencontres les problemes suivant.

<br />
<b>Fatal error</b>: Call to undefined function: json_encode() in <b>/web/fokds/www/Tchat/tchatAjax.php</b> on line <b>70</b><br />

et

showLoader ne se masque pas il est toujours visible et mon messages ne s'affiche uniquement si je raffraichis ma pas manuellement

merci de votre aide

Arbiter0x (Samedi 20 Février 2010 à 16:04):

Bonjour,
Personnelement je n'ai eu aucune problème avec le tutoriel si on garde la mise en forme de base.

J'ai voulu changer la position du textaera et du bouton envoyer, j'ai donc mis
bottom : 10px; left: 50px;

Avec cette mise en forme là, quand on refresh pas la page tout seule, dés qu'il y a plus de 15 messages, les messages s'affichent en dessous du formulaire pour tchatter ... assez génant je trouve, personne n'aurai une solution ?

J'ai essayer les refresh auto de la page mais ca ne fonctionne pas :s

KentiinFR (Vendredi 26 Février 2010 à 11:50):

J'ai ce problème lors que je rentre on pseudo dans le champ:
Warning: session_start() [function.session-start]: Cannot send session cache limiter - headers already sent (output started at /home/j690874/domains/kentinworld.com/public_html/tchat/index.php:1) in /home/j690874/domains/kentinworld.com/public_html/tchat/index.php on line 4

Warning: Cannot modify header information - headers already sent by (output started at /home/j690874/domains/kentinworld.com/public_html/tchat/index.php:1) in /home/j690874/domains/kentinworld.com/public_html/tchat/index.php on line 30

Ligne de index.php: header("location:tchat.php");

j'ai télécharger la source/

webcap (Mardi 02 Mars 2010 à 18:59):

Bonjour,
moi je suis ravi de voir des tutos comme ceux proposé ici.
grand merci

par contre je test le tchat mais j'ai un soucis

var message = $('#chatform form textarea').val();
alert(message);
$.post(url,{ action:"addmessage",message:"message" },
function(data){
alert('fonction postée');
}, "json");

l'alert fonction posté ne fonctionne pas

je pense avoir bien tout suivi pourtant

merci d'avance si je pouvais comprendre pourquoi ca fonctionne pas

bibiphaue (Mercredi 10 Mars 2010 à 11:23):

AHHH JE Craque , je ne pige pas , pour avoir les messages en ordre inversés, c'est a dire le plus recent en haut, il faut changer la troisieme requêtes celle qui est dans le tchat.php , et de metttre un order by date asc , non ?

en tout cas moi j 'ai gerer ca de maniere bien barbare du coup tout est generé dans le code tchatajax php, pour le coup les autres requetes ne servent a rien: voici mon get message :
$d["lastid"]= $lastid;
while($data=mysql_fetch_assoc($req)){
$dnom= '<span class="affichercommentnom">'.$data["nom"].'</span>';
$dste= '<span class="afficherimageste"></span><span class="affichercommentste">'.$data["ste"].'</span>';
$dclr= '<p class="clr"></p>';
$dcontenu= '<DIV class="affichercommentcontenu"><p class="afficherimagefleche"></p>'.nl2br($data["contenu"]).'</div>';
$d1 = '<span class="afficherimagetime"></span>';
$d2 = '<span class="affichercommenttime">'.date("H.i",strtotime($data["date"])).'</span>';
$dtime = $d1.$d2;
/*$dtime = echo ("Message posté à" . date("H:i",strtotime($data["date"])));*/
$dcommentindividuel= '<script language="javascript">$(".commentindividuel").hide().fadeIn(800);</script><div class="commentindividuel">' .$dnom. $dtime . $dste. $dclr. $dcontenu. '</div>';
$d["result"] = $dcommentindividuel;
$d["lastid"] = $data["id"];
je pense que c est pas tres conventionnel ce genre d ecriture mais bon >...

en tout cas si quelqu un a une petite idee pour inverser les messages ca me plairait bien
a+

Thom77 (Vendredi 23 Avril 2010 à 15:31):

Salut a tous

J'ai suivit ton tuto a la lettre, j'ai rencontré un problème :

<?xml version="1.0" encoding="UTF-8"?>
<hash>
<request>/statuses/user_timeline/32354209.xml?count=1</request>
<error>Rate limit exceeded. Clients may not make more than 150 requests per hour.</error>
</hash>

Mon site est héberger sur un serveur mutualisé , il y a plus de 200 sites dessus, donc il me mettait souvent que j'avais atteint le cotat de requete pour éviter que le dernier tweets ne soit pas afficher j'ai rajouter une petite condition très simple et la voici :

$msg_erreur = '<?xml version="1.0" encoding="UTF-8"?>
<hash>
<request>/statuses/user_timeline/32354209.xml?count=1</request>
<error>Rate limit exceeded. Clients may not make more than 150 requests per hour.</error>
</hash>
';

if(time() - fileatime("cache.xml") > 60){
$iUserId = xxxxxxxx;
$iLimit = 1;
$sUrl = "http://twitter.com/statuses/user_timeline/ $iUserId.xml?count=$iLimit";
$twitter = curl_init();
curl_setopt($twitter,CURLOPT_URL,$sUrl);
curl_setopt($twitter,CURLOPT_TIMEOUT,2);
curl_setopt($twitter,CURLOPT_RETURNTRANSFER,true);
$contenu = curl_exec($twitter);

if($contenu==false){
$contenu = file_get_contents("cache.xml");
}else{
// condition pour éviter le message d'erreur//
if($contenu != $msg_erreur){
file_put_contents("cache.xml",$contenu);
}else{
$contenu = file_get_contents("cache.xml");
}
}
}else{
$contenu = file_get_contents("cache.xml");
}


Bonne journée a tous

farfadet (Mardi 27 Avril 2010 à 21:00):

Bonjour! Merci pour ce très bon tuto très complet,c'est le premier que j'achète et j'en suis content! ^^
Mais je voudrai demander à d'autres personnes si elles ont eu ce problème.
Le tchat fonctionne très bien avec Wamp mais certaines chose ne marchent plus lors de la mise en ligne:
Les personnes connectées ne s'affichent plus,
et les messages ne s'affichent plus en temps réel mais seulement si je rafraichi la page moi même.
Firebug m'affiche "Call to undefined function: json_encode()"
Je suis chez 1&1 est ce que ces erreurs peuvent provenir de sa?
Ca m'embête un peu d'avoir payer si c'est pour qu'il marche seulement en local ^^

Merci d'avance! =)

farfadet (Mercredi 05 Mai 2010 à 00:24):

Désolé pour ce deuxième poste mais celui justa avant a été résolu^^

Je voulais savoir si il était possible d'afficher le lien lors de son envoie par le textarea?

$P3C!F!K (Dimanche 09 Mai 2010 à 22:21):

Tout d'abord excellent site !!!
ensuite je test le tchat j'ai un problème je me connecte une première fois sans problème puis je me déconnecte lorsque je tente la reconnection j'obtiens cela lorsque je rentre mon pseudo

Warning: session_start() [function.session-start]: Cannot send session cache limiter - headers already sent (output started at /home/iphone4gpro/www/chat/index.php:1) in /home/iphone4gpro/www/chat/index.php on line 4

Warning: Cannot modify header information - headers already sent by (output started at /home/iphone4gpro/www/chat/index.php:1) in /home/iphone4gpro/www/chat/index.php on line 30
comment faire
merci

$P3C!F!K (Lundi 10 Mai 2010 à 02:04):

même déconnecter mon pseudo reste dans le champ connected.
Y'aurai t'il un problème de rafraichissement ?

$P3C!F!K (Lundi 10 Mai 2010 à 17:10):

C'est un problème d'encodage qui provoque cette erreur changez le ut8 sans BOM

Lqncer (Jeudi 20 Mai 2010 à 13:20):

Bonjour,

Avant tous très bon tuto, seulement je rencontre un problème sous google chrome la div loader ne veut pas s'effacer.
Y a t'il une norme ou es ce que la fonction remove ne fonctionne pas sous google chrome, en faisant des recherche sous google je n'ai rien trouvé à ce sujet :/

Lqncer (Jeudi 20 Mai 2010 à 14:52):

Ok,

Problème résolu, si vous ne voulez pas rencontrer ce problème utiliser ce bout de code :

$(function(){

$("#tchatForm form").submit(function(){
clearInterval(timer)
showLoader("#tchatForm");
var message = $('#tchatForm form textarea#message').val();
$.post(url,{action:"addMessage",message:message},function(data){
if(data.erreur=="ok"){
getMessages();
}
else{
alert(data.erreur);
}
},"json");
$("#tchatForm form textarea").val("");
timer = setInterval(getMessages,500);
hideLoader();
return false;
})
});

Ce qui fonctionne sous tous les navigateurs

NRgizer (Lundi 31 Mai 2010 à 18:36):

tout d'abord, très bon tuto...super vraiment.

Juste une question...je n'arrive pas à insérn fait, j'ai vraiment repris les scripts du tutos à la lettre en vérifiant que j'avais pas fais d'erreur...mais je comprend pas.

Même au moment de vérifié avec firebug, bah firebug ne detecte rien quand je clique sur le bouton envoyer.

On peut m'aider en direct ou autre, ca serait sympa c'est assez urgent ^^

yanos (Samedi 19 Juin 2010 à 23:25):

Super tutoriel dommage que tout soit flou mais bon le tchat lui est de qualité

maroc.develop (Lundi 19 Juillet 2010 à 16:38):

c bien

bourdais6 (Mercredi 25 Août 2010 à 18:07):

Moi, j'ai un truc beaucoup plus rapide, plus simple, et donnant a peut-près le même résultats.

J'utilise le xAjax. rendez-vous ici: http://www.siteduzero.com/tutoriel-3-36169-xajax-applications-ajax-faciles-avec-php-et-xajax.html