Coding Forum

**MoForce** · 02-08-2009, 05:46 PM

I'm trying to figure out how to make something like facebook's toolbar w/ chat at the bottom. I can't figure out how they do it and I don't see anything on the web. If anyone out there has an idea I'm all ears =P

Thanks

**MoForce** · 02-08-2009, 06:10 PM

Well I figured out a solution...

HTML Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Chat Bar</title>
<style type="text/css">
#bottom {
position:fixed;
bottom:0px;
left:0px;
width: 100%;
background: #18f8f8;
text-align: center;
}
</style>
</head>
<body>
<div>
    Other stuff on page<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>wedwedwedwed
</div>
<div id="bottom">Bottom stuff goes here</div>
</body>
</html>

**Flying Monkeys** · 03-01-2009, 09:21 PM

Ning just made something like that in Flash though.

I believe FB's bar is in Javascript but I could be mistaken.

*Also, I'm not sure on the nuts and bolts on how to create it. But knowing the language can be half the battle sometimes.

**rambo3** · 03-04-2009, 07:50 PM

The Facebook chat is done in Javascript I have tried to do something similar on one of my sites. It needs a bit of work but kinda works. Facebook has the "main content" of the site reload, using Ajax and the toolbar stays pretty much static. I got the basics to work but facebook proberley have more time and experience with Javascript than me.

**rambo3** · 02:57 PM

While doing some research for a project I found this
http://www.facebook.com/note.php?not...547199&index=9 there are also some videos http://www.facebook.com/video/video.php?v=631726942083 these explain how facebook did it and if you want to do the exact same it looks like it's going to take some doing. Maybe that's why mine only works partly. They had $100 million cash injection for hardware when they launched chat

.

**MoForce** · 03-12-2009, 09:14 PM

Yeah I got a very basic chat thing, but it's no where near facebook's level of functionality ... it doesn't even work very well lol

Thanks for the help!