Topic:   Custom PHP/JavaScript Chat Box?   (Read 6574 times)


0 Members and 1 Guest are viewing this topic.

Gan


  • Administrator

  • ^ This guy is amazing.

  • *****


  • Posts: 4411
Custom PHP/JavaScript Chat Box?
« on: July 15, 2011, 06:30:05 PM »
I've been studying and learning PHP and MySQL at work from a professional programmer and just realized, we could make something to replace that crappy flash thing at the top of the page.

Using JavaScript and HTML a nice simple and plain chat box could be made. Just a textbox that displays the chat text and an input text box below with a Send button for chatting.
Then using PHP I can have it access the SQL database, keep chats in a table that can be nicely retrieved to fill the chat box and also insert data so the chat stuff can happen.

That's the easy part. The possibly harder part would be trying to figure out how to make it grab your username so anything you say would be under your name.

Whaddya think?

Note: If I request a GMG hosting page, will that give me SQL abilities and a PHP server to make a test chat box?

Zoo


  • GMG Extraordinaire

  • ***


  • Posts: 1686
    • My Bandcamp
Re: Custom PHP/JavaScript Chat Box?
« Reply #1 on: July 15, 2011, 09:58:59 PM »
Go for it. I hate that box. Not only does it post a stupid message every time you reload the page, therefor making it almost impossible to chat, it doesn't work on my other computer or the iPad. It's extremely slow, also. Plus it'd be awesome to have a chatbox made by Gan. As for testing, you might be able to do it at that w3school's "Try it editor"
« Last Edit: July 15, 2011, 10:00:46 PM by zoo804 »
Kirby, your pudgy buddy from dream land, is back again on the game boy®!

Gan


  • Administrator

  • ^ This guy is amazing.

  • *****


  • Posts: 4411
Re: Custom PHP/JavaScript Chat Box?
« Reply #2 on: July 16, 2011, 01:42:02 AM »
http://www.youtube.com/watch?v=qe1uhgT5AzM

Made a PHP/SQL chat box.
If I had access to the GMG's inner workings I could get this set up I think reasonably fast. Just replace the monster at the top of the page with my box, hook up the forum username to the chat box, create the chat database, tweak the code a little and bam. All should work.

Then once it's working I could take suggestions to make it better. Smilies, different fonts, a universal time stamp so people in different countries don't have the chat box times screwed up....

Oh yeah, here's the code if you want to look:
http://www.mediafire.com/?37i8b0m9zcj9zwh

Of course it won't work unless you have an sql database set up and a php server running.

Zoo


  • GMG Extraordinaire

  • ***


  • Posts: 1686
    • My Bandcamp
Re: Custom PHP/JavaScript Chat Box?
« Reply #3 on: July 16, 2011, 11:16:06 AM »
I say that it would work the way it is, but if you can add smileys a few simple ones would be alright. Looks awesome by the way.
« Last Edit: July 16, 2011, 11:17:21 AM by zoo804 »
Kirby, your pudgy buddy from dream land, is back again on the game boy®!

Gan


  • Administrator

  • ^ This guy is amazing.

  • *****


  • Posts: 4411
Re: Custom PHP/JavaScript Chat Box?
« Reply #4 on: July 16, 2011, 12:43:15 PM »
I'll look into adding smilies. Right now though I'm trying to get into contact with Silver. I believe he has the power.

Zoo


  • GMG Extraordinaire

  • ***


  • Posts: 1686
    • My Bandcamp
Re: Custom PHP/JavaScript Chat Box?
« Reply #5 on: July 16, 2011, 03:59:02 PM »
I'll find his email. If indeed he no longer checks the forums, you can email him via Roguesoft message board
http://z11.invisionfree.com/Roguesoft/index.php?act=Mail&CODE=00&MID=1
« Last Edit: July 16, 2011, 04:02:50 PM by zoo804 »
Kirby, your pudgy buddy from dream land, is back again on the game boy®!

Gan


  • Administrator

  • ^ This guy is amazing.

  • *****


  • Posts: 4411
Re: Custom PHP/JavaScript Chat Box?
« Reply #6 on: July 16, 2011, 04:17:44 PM »
I wrote it on his wall. He'll notice it eventually.

Silverwind


  • ^ This guy is amazing.

  • ****


  • Posts: 2805

  • For the glory of my maker
Re: Custom PHP/JavaScript Chat Box?
« Reply #7 on: July 16, 2011, 05:49:25 PM »
I'm up for replacing a block of code with another provided you know what you're doing. I'm not sure how the Flash one is setup though; it may be referenced in multiple files, and the site is a mess to wade through.
I survived the spammage of 2007

Gan


  • Administrator

  • ^ This guy is amazing.

  • *****


  • Posts: 4411
Re: Custom PHP/JavaScript Chat Box?
« Reply #8 on: July 16, 2011, 05:56:12 PM »
Yeah I can give you a block of code. Though we'll need to set up another database to hold the chat log in the site's MySQL.
It really would be easier if I could do it myself...

Gan


  • Administrator

  • ^ This guy is amazing.

  • *****


  • Posts: 4411
Re: Custom PHP/JavaScript Chat Box?
« Reply #9 on: July 16, 2011, 06:18:25 PM »
http://database.comli.com/Chat.html

I found free hosting for the database. So Silver, you can literally just plug code in.

I gotta tweak things a bit. I don't think we'll be able to automatically grab the username yet.


Hey Silver, I'll make it really easy for you. I'm going to edit my php code a bit then post some iframe code so you just need to replace the Meebo thing with the iframe code. Then I'll be able to update the chat box freely without any Gmg editing needing to be done.
« Last Edit: July 16, 2011, 06:37:23 PM by Gandolf »

Gan


  • Administrator

  • ^ This guy is amazing.

  • *****


  • Posts: 4411
Re: Custom PHP/JavaScript Chat Box?
« Reply #10 on: July 16, 2011, 09:07:17 PM »
Hey Silver, it's ready to be inserted!

Code: [Select]
<html>
<head></head>
<body>
<iframe src="http://database.comli.com/Chat.html" width="100%" height="100%">
  <p>Your browser does not support iframes.</p>
</iframe>
</body>
</html>
You can change the width/height appropriately. I'd suggest using a percentage of some sort. I can always resize the page on my end to fit better.

Here's the chat if you want to try it:
http://database.comli.com/Chat.html

Silverwind


  • ^ This guy is amazing.

  • ****


  • Posts: 2805

  • For the glory of my maker
Re: Custom PHP/JavaScript Chat Box?
« Reply #11 on: July 17, 2011, 04:12:41 AM »
Absolutely beautiful piece of achievement there Gan! So easy to implement, so easy to edit, so easy to use. A fulfilling accomplishment to be sure! :D
I survived the spammage of 2007

Zoo


  • GMG Extraordinaire

  • ***


  • Posts: 1686
    • My Bandcamp
Re: Custom PHP/JavaScript Chat Box?
« Reply #12 on: July 17, 2011, 08:07:45 AM »
Yeah,  but it doesn't work yet.
Kirby, your pudgy buddy from dream land, is back again on the game boy®!

Gan


  • Administrator

  • ^ This guy is amazing.

  • *****


  • Posts: 4411
Re: Custom PHP/JavaScript Chat Box?
« Reply #13 on: July 17, 2011, 09:00:53 AM »
Hey Silver, if you wanted to get rid of the border it'd probably look quite a bit better.

Code: [Select]
frameborder="0"

EDIT: Also
Code: [Select]
scrolling="no"
This'll give me a little more room.
« Last Edit: July 17, 2011, 09:06:57 AM by Gandolf »