Thoughts on live chat 
Sign up | Plans | Help | Contact
Tags


Filed under

yahoo

 
February 24, 2008

Hab.la Yahoo UI (YUI) Take 2

A long time ago I demonstrated that you could wrap Hab.la in Yahoo UI. Well now you can wrap Hab.la in Yahoo UI, and have it look good at the same time.

The below example code is a complete hack, but uses an unmodified version of the main wc.js and a resizeable YUI panel to make a pretty nice Hab.la Window that you can drag around.

I don’t think it would be too hard to take this code, and wrap it up so that anyone could switch their Hab.la window over to the ‘cooler’ YUI version.

Hab.la + YUI == nice!

Filed under  //   css   hab.la   interface   javascript   style   user   yahoo   yui  

Comments [0]

September 23, 2007

A day spent refactoring!

So I spent all day today refactoring Habla’s JavaScript client code. I separated the chat server client from the chat window, and added a bunch of event handlers that developers can override to plug in their own functionality. This also makes it a lot cleaner to write code that responds to message receipts and operator status updates. (Sometime I’ll even write some documentation. .hahaha)

Soon, and I don’t know how soon, I’ll start rolling out some tutorials that explain how easy it is to override Hab.la events to create some really neat mash-up opportunities.

This refactoring also makes us closer to having a really nice YAHOO UI (YUI) version of Hab.la. So be on the lookout.

BTW, these changes haven’t been pushed to production yet – give us a few days to test them.

Filed under  //   chat   client   javascript   livehelp   refactor   ui   yahoo  

Comments [0]

September 21, 2007

The First YAHOO UI Example

Don’t get too excited, we plan on refactoring the entire JavaScript client to make it much easier for developers to make hab.la work with other UI libraries.

However, I have demonstrated that with a few minor modifications (soon to be pushed to production) Hab.la can be dropped into a Yahoo UI panel without too much trouble:

http://static.hab.la/test/yahoo/test.html

The method to fit it in is quite ugly. As I said making the Javascript client more developer friendly is at the top of our (my personal) list.

Filed under  //   client   javascript   ui   yahoo   yui  

Comments [0]