Shoutbox
This script is based on jQuery library and Form plugin. It's very easy to setup it, also an archive is available for download so you can play with the files on your localhost.
This jquery shoutbox is file based, but it's very easy to write a few more lines to keep your messages in a database. It tries to simulate the behaviour of YShout (a donation ware script) you can find online. Data is exchanged in JSON format, pear Json library is being used.
Download the jquery shoutbox files <a href="http://www.ajaxdaddy.com/download/jquery-shoutbox.zip">here</a>
nice example, but the javascript function could interfeer with third party libraries, better to build a jQuery object of attach the functions to jQuery
very good tank is best
awesome script! great shoutbox thanks
is this comment thing powered by ajax i wonder?
i dont like the idea of the form moving down everytime we post. it should be in a static position. i like it if the message scrolls automatically that we dont need to use our mouse to scroll down just to write message. anyway i like it. hope to see more improvement. thanks
Is it supposed to work on Safari? I don't see the messages get posted when using Safari.
Damn good script
Pretty cool...I love the interface :D
pretty cool
Coool Works great
Great job! I have some comments: Our national charachers (HUN) are not working well with UTF-8 charset meta. My sent messages are unreadable, but the others posts are ok. IE7 is not refreshing, but Mozilla works fine. Thanks a lot!
Thanks. Nice example
How to change order for displaying messages ?
Kiko, I think you can place the "<form>...</form>" above the "<div id="daddy-shoutbox-list"></div>" . I think this should not move the inputs way down on your page.
Kiko, I think you can place the form above the div that contains the actual list (daddy-shoutbox-list) This should work. Sorry for double commenting, it just deleted my tags :D . I think this should not move the inputs way down on your page.
i think i may use this script on my site
@Attlia I use the method(htp://groups.google.com/group/jquery-en/browse_thread/thread/7f30d4540debc6c4) , then IE can refreshing now.
I might use this on my site
I can't believe I never knew about this site before. IDIOT!
nice script danke
do you get adds on this
Thanks for sharing the script, good job.
Love this in theory, but I'm in firefox (2.0.0.10) and can't scroll down the list of posts, so even though I've moved the entry form to the top, I can't see anything I post (I checked in IE, where I can move down the posts). Is there a way to limit the number of posts shown and/or start them from the top down instead of bottom up?
This is uber cool...
with classic asp please :(
Well, in Mozilla scroller does not work!
is there some howto for this script? I download it i run it on my localhost server. I load page in web browser i have two inputs: Nick and say. I click submit but there is no answer ?!
Testing this wonderful script.
Interesting, looking for something like this for a lot of time
Okay, this looks promising!
I am trying to understand how I can use it. .
Amazing script really!
Is there a how to on this? I loaded it on my webserver and get a response but it looks nothing like the example above.
Next question: How are they doing this "Comment on this example" form. That's actually what I was looking for when I ran across this!
Why were my questions deleted from last night?
This doesnt seem to work for me.... My messages appear, but when i refresh it isnt there anymore. A freidn on another computer is tring it too. We dont see what either one of us are writting
I think the page is refreshing a lot...
How can I change the width of shoutbox/ When I write a very, very long message, it widened. How can I stop that? How can I change the maximum amount of messages (I'm goging to see only 5 latest messages). TYIA :)
is there a way that i can append the value "response"[the last post] on top of the list instead at the bottom?
Nice, but it would be nicer if someone explain to me how the heck can I display messages from MySQL? My modifications are adding message to db, but I have no idea how to display them.
you can fix the utf-8 problem by replacing line 39 in daddy-shoutbox.php with this.: $data['message'] = htmlentities(stripslashes($_POST['message']), ENT_QUOTES, "UTF-8" );
test message in hungarian: árvíztűrő tükörfúrógép
Thanks Stephan Nielsen!
Very nice, but can you set it up so only the last 10 messages are shown? it takes up a lot of space.
nice script.can someone tell me how can i change the number of displayed mesages?
hi every one, i am work on this code to work with mysql data base, anyone know what i must done to refresh whole message each time ?!
How we can set this script that each time refresh all messages ?!
What is that? I only see : pWned
Hey, I love your design so much. you are my favorite designer.
This is some great code, has a huge memory leak issue. Since they are adding a datetime number as they pull the chat.txt every 8th of a second, it caches that page everytime in your end users temporary internet cache. The only solution is to make a seperate .php page that pulls the .txt file, and set the .php file to expire several days in the past, and remove the datetime variable being added at the end of .txt.
@Spencer, i'm using sql :D i have not any txt file. my mean is that refresh the message holder div, each time refresh the holder div not add new messages.
Just great simple shoutbox! Love it!
@Spencer, i use a sql db, i don't have any text file, my mean is that each time refresh the div message container, not add new messages.
@Spencer, i use a sql db, i don't have any text file, my mean is that each time refresh the div message container, not add new messages.
you can solve IE7 refresh problem..this is a IE cache problem. So you can add a dummy GET variable to the url. function refresh() { $.getJSON(files+"daddy-shoutbox.php?action=view&time="+lastTime + "&pid=" +Math.random(), function(json) { ......... .... .. .
Dude, you got pwned by my spam! Have a nice day.
Very nice, integrated easily and effectively into my site. The library for this is excellent. Will be great for future ideas.
Çok Güzel birUygulama Thanks..
Vos avis et commentaires m'interessent! Merci beaucoup!
Testing shoutbox -> search seo toronto
i ll try on my page, thanks.
this is shoutbox
i have a BIG question, how the hell do I add this shoutbox to my sidebar? can anyone give me the code?
afnsadfui nsada
Proviamo questo fantastico script...
safari test
IE 7.0 test
uc=cz9_1998 nova online hra zaregistruj se uz ted
I Can't setup
hola, its cool
Just a testing comment :)
just a second testing@@
hi people. im going to use this on my website., but i have little confusion, first this is a demo version, so how much it is save to use also what are its limitation as how many people can add comment also where the hell are all records gone, means where the comments are recorded..pl tell
luis luis luis luis luis luis
hola a todos
To reverse the way messages are appended (so newer messages on top) you have to change 2 lines in the javascript. Where it says append change it into prepend. On line 87 change this: $('#daddy-shoutbox-list').append(prepare(response)); into: $('#daddy-shoutbox-list').prepend(prepare(response)); On line 110 change: $('#daddy-shoutbox-list').append(prepare(json[i])); into: $('#daddy-shoutbox-list').prepend(prepare(json[i])); Good luck with it :)
Is dit leuk :)
Deze moet het gaan worden
I guess it should be UTF-8 compatible by default settings.
I dont like this comment because its a big not small sry
wikked site
Hi! Can anyone explain me, how can I install this shoutbox to my joomla web page? I'm new in this, so please, tell me in a few steps how does this thing realy works:) tnx
I AM A BUTT AND I SMELL LIKE BUTTS
checking out the shoutbox
hungarian: űő öäå ú ó í
I just wanted to say hi
werkt goed!
test !!!!!!! 123
Umm ok so maybe im just stupid but I cant get this to work locally. I remove the <base> and put the images and JS in the right folders and copyd the html into a new page. It loads up ok but when I hit submit, I just get the loader.gif spinning round and nothing happens? Anyone?? please?? Thanks guys
nice script
this is sweet
This is a comment
where is the scroll bar?
Hello! I found a way to make it show just a certain number of messages. IN the file of index.php, find the line of the function "prepare" (in the javascript). After the "var string" at the end, insert this setence: " if (count > 15) { x = (count - 15); $('#list-' + x).fadeOut('slow'); x = document.getElementById('list-' + x); x.style.display = "none"; }". Here I put 15, but you can put the number you want. To put in the inverse order, just alter the "append" to "prepend" as it has already been told here in the comments. To make the hour be right, you can put this function in the begin of the javascript in the same page: "function checkTime(i){if (i<10){i="0" + i;}return i;}" and then change de value of "mytime" in the function "prepare" to : "checkTime(d.getHours())+':'+checkTime(d.getMinutes())+':'+checkTime(d.getSeconds());". It will stay like this: "var mytime = checkTime(d.getHours())+':'+checkTime(d.getMinutes())+':'+checkTime(d.getSeconds());". There is a bug about when you do not fill all the fields. You can fix this with this "for (var i=0; i < formData.length; i++) $('input[@name='+formData[i].name+']').css('background', 'white');" adding before this line: "$('#daddy-shoutbox-response').html('<img src="'+files+'images/loader.gif" />');" in the function "Validate". Hope it help you guys! See you!
Ops, I forgot. The problem with the font (in portuguese of brazil we have some accents - this is the word?!). Well, i solve that using "$data['message'] = html_entity_decode($_POST['message']);" in the file daddy-shoutbox.php. Just search by the expression "$data['message']" and you'll find it. Cya!
em muon down shoutbox2.0 thi` lam` the nao` nhi?
uha it works
Ceci est un test
sdafas dsf asdf
hello hello 123
gattino nel camino
for people asking about integrating this into a page - you could use a iframe with and change with widths to match the iframe. This worked great for me.
Its not working. I can see the posts, but the place to enter my own post is unavailable. It makes me weary of this script =/ i want it to work!
Oh i see, overflow is hidden, and the entry box was hidden as it spilled under
nice web development company
My messages appear, but when i refresh it isnt there anymore.
ou s'inscrit on
so where exactly in the filetree does these files go? I can't get it to work properly...
wonderfull but after 19 lines wrote it seems that is not functionnal, impossible to see the box for put a message... sorry for my French-english !
Awesome !! Is there a way to keep all messages ? It would be perfect !
woww thats amazing.. thanks for it...
hola esta bueno pero no tiene scroll otra que el mensaje deberia salir en la parte superior
nice one. how if i wanna write a word n make it moving from right to left or vice versa (in the shoutbox, not the coding). marquee??
how i can write Arabic in this box ? please tell me how i can do that thanks
virker lortet, spasserhjerner?
Thử tiếp
This is trully awesome! I want it on my page as well!
I dont get this to run...
Super script
girl you huge
any tips for displaying this in a lightbox?
can u please explain me that how can i use this plugin into the cakephp.its very urgent please help me .i'll be gratefull tou you .thanks in advance.
Hi, How do you make it refresh the whole shout. Cause unless you refresh the whole page, the shout box gets bigger and bigger. (It seems to add the posts on the end of what it already has bu only stores the last 10 posts) Thank you though, it is really good.
It clashes with the standard jquery library
I'm LadyZuZu<3
Good script, but i cant fix that u use öäå swedish char. Se the shoutbox how its prints out..
How can I add a sound each time a message is recieved?
This is just awesome! Any way to save chat logs?
How can i change the message count? it only shows 11 messages. i want more :(
There's a problem with the hungarian characters, because the htmlentities() function converts them with a bad char-table (or else, doesn't matter). I solved that, with deleting the 32. and 33. lines in daddy-shoutbox.php file, so there's no conversion to HTML entities. That means it wont appears the < , > and other chars too. But that works
How can i increase the maximum message count?
This is great stuff... One problem I'm having though is getting the existing comments to load up when the page is opened and seeing input from other users. All files are local on my server, any ideas? Dx
Very nice Example...... Thanks
Cool! Super!
jkjsdf sdkfuiwer
good stuff...but how to call out from database?
to get just the messages in a scroll box go to the css attributes at the top on line 20 and change it to #daddy-shoutbox-list { text-align: left; margin: 0px auto; height: 300px; overflow: auto; } where 300 is the height. To change it to scroll sideways too which i do not recommend change overflow to scroll.
that's a lot simpler than i would've thought
I Found "prepare" And Found "var string" In Index File, And I Tried Add This Code After It Like U Said But Not Working : var string = '<div class="shoutbox-list" id="list-'+count+'">' + '<span class="shoutbox-list-time">'+mytime+'</span>' + '<span class="shoutbox-list-nick">'+response.nickname+':</span>' + '<span class="shoutbox-list-message">'+response.message+'</span>' +'</div>'; if (count > 30) { x = (count - 30); $('#list-' + x).fadeOut('slow'); x = document.getElementById('list-' + x); x.style.display = "none"; } can u tell me what's the problem , i would like to increase the maximum message count?
Nice. But some bad words can be written in there.
Awesome! But it doesn't work with my language (Khmer). I've tried to edit the above code to use UTF-8 as encoding but still not work. There might be something related to a file called daddy-shoutbox.php which I don't have any access to it.
great script! if you want to have more than 10 'shouts' showing, edit the shoutbox.php look for: "if(count($arr) > 10)" change the number to something larger, eg. 9999999, and you'll display and keep more shouts in the messages.txt file
I love you company. you are really good
How Download?
this is pretty slick
Does anyone know how to get the script accepting Norwegian letters. Have tried as mentioned in here the following in answer 60: Stephan Nielsen 2008-04-28 14:51:47 you can fix the utf-8 problem by replacing line 39 in daddy-shoutbox.php with this.: $data['message'] = htmlentities(stripslashes($_POST['message']), ENT_QUOTES, "UTF-8" ); But it does not work. Any suggestiones anyone on how to get the script working with the Norwgian letters? Kindest regards Nute
Hey, nice Script BUT it is NOT compatible with the actual version of the jQuery-Library! It is 3 years old!!! plz update your script. its imposible to use the shoutbox with other scripts based on jQuery. (The Error is in the success-function. On sending a message, updating the shoutbox failed)
It is too bad that there is no spam protection.
Is there a shoutbox like this (no refresh) for PHP-Fusion?
This seems like a good tool, is it also possible to have multiple pages behind each other?
Narazie Paweł
how can i use iso-8859-1 encoding with messages?
Hallo world
testin this
baszodjatok meg
this is sweet
I'am form china / I like this .. Who would like to make friends with me? add email:lizhoumin@hotmail.com
Look like it might work
Nice for all!!
er hat alles gewusst: tinyurl.com/fragmich
can you explain how to write a few more lines to keep your messages in a database?
how to add unicode ?
Amaze !!! Danke Mr.
One thing I've noticed. You really need to put a realistic character limit both front end and back end. Otherwise, I love it!
ohh, I'm trying to use a really shrunk version. However, when really long words are used it doesnt word wrap. Is there a 'common' way of word wrapping for this case?
just to let people know, you can solve the long string problem (for shrunk verions of this) by putting a "overflow: hidden;" in the css
Just testing this thing ..!
I need a shotbox that has smilies and avatars...Anyone know a good one?
testing testing
hello this is a test
shoutbox has bug, sometimes user post dublicates ;)
Awesome, But Can I Add Smileys Email:d.jacks@hotmail.com Email Me!
downloaded zip and copied the unzipped folder into inetpub/wwwroort now when I am opening index.php url... it opens chat page and when I try sumbittig after enterring name and message loader.gif image appears and it keeps on scrolling.. nothing happens... pls help...
hi, how can i change the option so it allows for more comments i wanna allow for like 100 comment, coz i notice it deletes old comments , + is possible or what to change and where so it shows Nick: & Say : and below it the comments, what i mean i wanna submit button and below it the comments , how ?
hi, why you guys removed my comment! i just asked about if its possible how to make submit button up and comments below it, and how can we make this shoutbox allows more comments without removing them, please help, my email : Contact@SamoSoviet.tk
If you need a shout box that does emo's. All you need to do is get all the images you want substituted, regex each new line, if match of emo is found, display image x.
Share Free Fake SMS with Sender I-LOVE-YOU, Great and Free Bro Try For You
Realy REALY nice script. Made me very happy. My only issue is that when there's like 300 messages there the chat will be very long. I would like a script function so I can delete posts by ID. And then it will FadeOut for everyone in the chat and also deleted from database. (I recoded the daddy php file to MySql). So the ajax calls the php file so that it deletes the post from database aswell. Please can anyone help? Im not that good with javascript. Im only good in PHP, MySql. Thanks I would be greatefull for help. Mail me: patrik@satnet.se Have a nice day!
AAA nem is tom....
just testing the ajax
this is awsome
Damn this.. is their any way to make this support foreign letters? å for instance..
what does xanax look like
If i write "'" there is "\'" !!
If i write <'> there is <\'> !!
Hello, I love your shoutbox but the problem and that if I put an apostrophe <'> system gives me a backslash before <\'> ! How to solve the problem!?
cool stuff man
Thanks to Post Demo
Parabéns. Muito legal seu chat.
nice, but it doesn't look optimised for performance
On end of box, don't scroll.. :(
where can i download daddy-shoutbox.php code? thx
testing testing
can we download it??
i have use #daddy-shoutbox-list { text-align: left; margin: 0px auto; height: 290px; overflow: auto; overflow-x: hidden; overflow-y: auto; } where can i make a scrolltop ?
Etiam dolor tellus, venenatis nec facilisis sit amet, lacinia eget sem. Etiam ac odio urna, egestas bibendum justo. Cras at turpis sit amet ante blandit tempor. Morbi malesuada feugiat diam, eget fermentum erat molestie sit amet. Nam ut augue augue. Duis augue felis, pharetra eget tempus vitae, tempus quis mauris. Nulla vel nulla eu quam auctor adipiscing. Sed ut mi gravida orci elementum sollicitudin eu quis tellus. Sed a nulla ante, id mollis elit. Donec consequat ante eu tellus ornare porta. Ut sed nunc ut urna pharetra condimentum vitae eu turpis? Suspendisse tempus blandit lorem, ac sodales augue malesuada sollicitudin. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum ut elit magna! Vestibulum felis sapien, porta dictum imperdiet a, posuere id purus? Nulla placerat, dui nec pharetra egestas, lacus odio aliquam mi, a placerat nibh justo vitae libero? Nunc consequat metus ac dui porta eu accumsan turpis vestibulum.
it's very nice
This is just awesome! Any way to save chat logs?
To update the amount of messages it stores, open daddy-shoutbox.php. Where it says if(count($arr) > 10), increase that to whatever you want. It'll now store more.
hola esto es el showtbox
I am sorry... i play this shout form too over already ,
wast of time till there is scroll bars or a slider on it also all messages are lost on page refresh. good start tho
It should Add smiles
HOW TO SET POLISH WITH UTF??
How to set polish language? who knows?
Why doesn't the shoutbox auto-update in internet explorer?
Roni, just using iframe if you want the scroll... If you using PHP $_GET, you can add ALL this call into PHP File :)
this is testing...
used it fpr our research working group for organizing where to go to lunch every day;)) thx a lot.. saved me often the day not to go alone..
lovely website
Can I write with čřž? thx
Can't use UTF-8 @@
please, i would love to know one thing only, how can i make comments "say" show up below " Nick: , Say: , Submit" Example : Name : ---- Say : ---- Submit Comments "Say"
please, i would love to know one thing only, how can i make comments "say" show up below " Nick: , Say: , Submit" Example : Name : ---- Say : ---- Submit then Comments "Say" | Please don't remove my comment and help me admin!! |
This Website Is Dead And Keep Remove Qs And Comments! Really Shame.
how can i have it scroll the test instead of pushing the input box's down
Chat does not work with the state letters! Example: when I write letters čšž does not appear correctly.
need scroll bar
wow i will use for my site
Why not support encoding utf8 ?
nice web development company
nice, I will try this on my site with online game.
Really very nice tool, but it doesn't work in IE8. The messages will not be refreshed by timer
Does someone noticed it and got it worked?
excelente script
Very nice. Good job! I add script in my emots, but it's not funny :P
I'm having trouble setting this up on my website. It won't write the messages to messages.txt or display it on any other computers.
Why not support encoding utf8 ?
No working :( $data['message'] = stripslashes(htmlentities($_POST['message'], ENT_QUOTES, "UTF-8"));
Mau donk koment nya
Thanks for the code :)
how do you limit the number of shouts displayed ?
How can i restrict words ? For example, somebody can send me to my mama =)) I want to restrict some words. How can i do that ?
süper bi eklenti. seo culara çok yararlı olur kanımca.
nice example, but the javascript function could interfeer with third party libraries, better to build a jQuery object of attach the functions to jQuery
Great script, very lightweight. Made a few small changes to it myself, added member avatars etc.. to fit well with my site.
Hello every tom! I'm not fairly steady if this is a forum where people forge these kinds of posts, but I'll honourable take up ahead anyway! - I'm further here. Just looking to join with some chilliness peopole ;-)
How do i get the code into my website
Hello!!!! I have a little problem using this application on my website and the problem I have is that I get messages that are introduced and what I get is:{"response":"Good work","nickname":"","message":"","time":1316862702} I think my problem is with the database but not where I go to connect the application with the database. greetings for everyone!
To solve the "utf-8 problem", in the daddy-shoutbox.php just replace: $_POST['nickname'] = htmlentities($_POST['nickname']); $_POST['message'] = htmlentities($_POST['message']); with: $_POST['nickname'] = htmlentities($_POST['nickname'],ENT_QUOTES, "UTF-8" ); $_POST['message'] = htmlentities($_POST['message'],ENT_QUOTES, "UTF-8" ); GREETZ
Hello! I just do the changes to the file, but the problem keeps coming to me when I give him to send. greeting.
Really - did you also make the changes described above? "..... you can fix the utf-8 problem by replacing line 39 in daddy-shoutbox.php with this.: $data['message'] = htmlentities(stripslashes($_POST['message']), ENT_QUOTES, "UTF-8" ); ....." What I also did in the index.html is to add @CHARSET "UTF-8"; into the css-code and replaced charset=iso-8859-1 with charset=UTF-8 in the meta-tag. That's really all and it works fine!
I have it as well: <meta http-equiv="Content-Type" charset="utf-8" /> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"> </script> but I still get the error greeting
Dosent work just waiting to sumbit in chat!
Hallo, I found your shutbox solution and really like it. The problem is that after I installed Downloaded script and started in a local, the typed text is not displayed. Please help me or send to me some script that works. with Regards, Robert
Good shoutbox ;) Can add this for mini chat on my website. But this script have refresh balise ? Do this alone ? Thx
hello everyone i m testing it...bye bye
<script type="text/javascript"> javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=500; x5=300; y5=600; DI=document.getElementsByTagName("div"); DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=(Math.sin(R*x1+i*x2+x3)*x4+x5)+ "px"; DIS.top=(Math.cos(R*y1+i*y2+y3)*y4+y5)+" px"}R++}setInterval('A()',5); void(0); </script>
NICE SHOUTBOX
Rodacy! Ten skrypt jest do dupy. Teoretycznie wszystko ok, ale jest problem z pl znakami, z 'utworzeniem' przewijania itp. Więc jeżeli chcecie gotowy skrypt niestety musicie szukać dalej. It has too much error. Not unicode, not scroll..etc. I waste my time to modify it. Sry, but it's true.
Is there a way to make it not interfere with other jquery stuff?
Le <a href=http://acheter-viagra-en-ligne-france.tumblr.com/>viagra prix</a> Paris
It's very nice but I think it should be limited , I mean by lines
Join This Site By Subscribing Please ,,Chat Is Free
Well its not bad... But I need the one with username/pass to work with my members area. Anyway... thing for gamers: http://origin-debugger.org