JQuery + PHP + MySQL- AJAX Chat Box

[maxhenrry]

I work for IE8, Chrome and Firefox only . help

[harryman11]

don't know if you were that tired but I found that right click inspect element on chrome is immensely helpful when debugging displays that are dynamically generated

[maxhenrry]

I worked. But only in chrome .. there will be a way that works in IE8

[steverock85]

I have been watching several of your videos and I almost forgot to supscripe to you. Maybe you might to remind people of that :)

Great stuff :) 10++

[RompuGuy]

hello sir .. I followed your instruction and done perfectly and work great ..but when I hit enter or click a submit button, the text in the input message doesn't disappear automatically.I have asking like what code should we add in it to be remove that text in input message after I hit enter.because it couse spam .hope you get my concern. thank you ..

[christianplaysguitar]

worked perfect!

[maxhenrry]

when did your exercise out all right. the add. but the press is ociltan eliminate all data

you can put the download link of your workout. please example

[TheRandyMajor]

HELP PLease the popup window at 14:54 is telling me

array

(

)

with nothing inside it... how can I fix this?

[petterthowsen92]

@TheRandyMajor Check your sql query.

[tcswidgets]

Hmm mine whont load the $("#messages").load('ajaxLoad.­php');

But when i access the file, /ajaxLoad.php it comes up with the array. Anything i can do ?

[JREAMdesign]

@tcswidgets First make sure all your JS is correct @ jslint.com -- Then ignore the minor errors (that only apply to JS and not JQuery). Then make sure to have FireBug open and if the ajaxLoad.php isnt appearing in the console to load something is not calling in JS.

[rockumsockum]

π Λ

[rockumsockum]

lol

[Dynose]

hi, i am root user & i have PHPMYADMIN, but when i try to make an SQL query it says that im not the ROOT user... I cant find anything on Google... Could you please help me? ive been looking for an answer for days :/, Best regards from Spain!!!

[maxhenrry]

Con este ejemplo de chat es casi igual a cuando uno deja comentario en facebook . es decir se agrega sin recargar la web :)

[webmastertool]

@maxhenrry english bro.

[enterOscarMike]

its half past 4am and im happy to have found this tut. gotta get on this straight away =D

[JoaoAfonsoful]

if someone else adds another message will the page show it right away or is it necessary to refresh first?

[iiM4RKx]

Dude it's 4:58am where I am now and your commentary made me lol do damn much looool

[JREAMdesign]

@iiM4RKx haha you crazy late night programmers

[iiM4RKx]

@JREAMdesign Notepad++ too, high five for you! :P

[Kliamframe]

@iiM4RKx it's 02:27 where i am. Lol

[NAHOMSID]

what are you doing man? i could not get anything

[19hitman97]

could anybody give me the code of this?

thanks

[freddyfamous]

I LOLd hard at "Oh, they're dynamic. it's not gonna show on the view source. how embarassing" :D You had to be really tired that night... :)

[JREAMdesign]

@freddyfamous HAHA that sounds so nerdy when its typed out hahaha

[dmurta1]

Im typing exacly what he types in the first 5 mins, but when i load the browser, the tab title is "chat", like its suposed to be, but there is no "body". Its all blank. Someone know why?

[ZulfadlyAshBurn]

notepad+ high five :)

[0oxcmdhackerxo0]

great i subscribed. i like long tutorials anything up to 30 mins is great coz i dont have to look around for these extra bits like delete. the only thing i would have liked would be how to update the chat because if another user posts you cant see it lol ill post a link to the pastbin website of the code i make to update the page every 2 or seconds.

[richkips2006]

Great Tutorial dude. But can u please continue with this to an extend of a chat like the Facebook or Gmail chat stuff?

[Vytas238]

never seen a guy that doesn't seem to have a clue what he is doing to produce a great tutorial like this! :D

[Xylogeist]

I believe what rapblack was trying to say is, this is not instant messaging chat. This is posting without leaving the page, other people posting will not apply until you reload the page. I'm a bit disappointed in this aspect as well.

[Lessep922]

Thanks for share!! will wait for more!



[reblerebel]

how did you get your notepad looking like that?

[KDALove]

@reblerebel Bespin theme - notepad ++. I'm using Bespin with Courier New font.

[bboyamnat]

good thank U

[rapblack2]

THIS IS NOT A CHAT FORM FOR NOTHING THAT IS FORM SEND NO RELOAD PAGE U FAIL BR O!

[KDALove]

@rapblack2 What are you even saying?

[SuperOmegaHyperKid]

@rapblack2 lolwut

[s2xi]

Hey, great stuff. To make your code less complicated and redundant next time your handling a click event use the awesome live() function from jquery. use $(selector).live('click', function(){}); this will grab dynamic content that is loaded after the DOM was ready and apply any jquery code you want to it.

[donofthekuwait]

you are awesome subscribed to you bro !

[JREAMdesign]

@donofthekuwait thanks lol!

[iTutorialez0com]

I have a doubt. What I have to add code so that all users see the chat and can talk comfortably without having to refresh the chat? Because I tried to chat with more than two people, and only looks user posts of yours, and you press F5 to see the other person. Another thing, when you post the same message is in the input. How to fix this so that when it ships, the input is empty? Greetings.

[JREAMdesign]

@iTutorialez0com Hi, this would be a lot more detail in explaining. I would use PHP Sessions to keep track of who is logged in and who posted what -- but again that is too much to write out. For the posting, after a successful post inside the $.post() thing, you would put this in there.. $('textarea').empty(); -- but again i cant totally remember where i left off at this video. This was more of an introduction rather than the full blown feature stack of stuff :P

[RazorOdphi]

@JREAMdesign could you use an interval that refreshes the load? say if you had 2 people chatting?... great tutorial by the way... good stuff

[z060950]

@iTutorialez0com

Hey dude u can use jquery for the auto load here i am to enter the code u can copy it and it will work for u

$("enter the div where you are showing the chats or the while statement").load(enter the page url here );

[Timzy921]

awesome tutorial, one quick question thou, is the foreach statement in ajaxload.php equivalent to a while() ?

[JREAMdesign]

@Timzy921 the foreach is different, it goes through every array item one by one until it ends (The same way as JQuery's $.each() function works too). The while loop is something that only executes while it's true, so although you can have the same effect as a foreach loop, the while loop would be a little more code and a little different, but you can acheive the same output..

[Timzy921]

@JREAMdesign Oh thanks I didn't know that about the foreach, and nice tutorial :)

[sirchadlington]

Thank you so much for these tutorials. Fantastic work! You're a coding pro :-)

[slier81]

i call it partial ajax chat box because the user can only view his own message but in order to view other people message, he need to refresh the browser.u forgot to make ajax polling to continually fetch data from database.or u can use comet /reverse ajax ..nice tuts as always

[Hendricksleon]

@slier81 can u use w. jquery??

[himankerable]

do you apply as a partner?

[JREAMdesign]

@himankerable nope why?

[Thewebsitemaster1]

@JREAMdesign because the video is over 10 mins not allowed for non-members