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


Filed under

inline

 
November 12, 2007

A quick fix for users using setInline with IE6

Ok, I know a few (but, not many) of you are using setInline to place the Hab.la window inline on your page. We just learned that this code does not work in IE6.
 

I just patched the code, and released a fix, but you will need to create a div named "habla_window_div" instead of "habla_window", long story short, on IE a div named "habla_window" exists at window.habla_window, which was colliding with other variables in our code.

In any case your new code for specifying the inline div should look like this: 

<div id="habla_window_div"></div>

Filed under  //   bugfix   div   ie6   inline   javascript  

Comments [0]

November 5, 2007

Sizing the Chat Window

Recently we’ve been launching a lot of small bug fixes. Fixes for some older versions of IE, slowing down the polling frequency for the average user and more. However, to keep the people who are really looking for more features happy I’ve added a really simple method of resizing the Hab.la window. (note, you cannot dynamically resize the window at will – YET), but you can make it bigger or smaller depending on your needs.

The code

<script type="text/javascript" src="http://static.hab.la/js/wc.js"></script>
<script type="text/javascript">
c = wc_config();
//c.setInline(1); // If you don't want it to float
c.setWidth(500);
c.vars["convo_height"] = 300; // make the conversation box bigger

wc_init("___YOUR__ID____",c );
</script>

I created a quick example of this at: http://static.hab.la/test/bot.html#

Where you can use Hab.la to chat with a fun Chatterbot. (Sometimes it doesn’t respond, but that’s due to some bug in the chatterbot, that I don’t have time to fix right now)

Hab.la Inline

The previous example still uses the standard floating hab.la, if you’d like to place hab.la somewhere on a page, perhaps inside your existing layout you can use pretty much the same process, here’s the code for it:

<script type="text/javascript" src="http://static.hab.la/js/wc.js"></script>
<script type="text/javascript">
c = wc_config();
c.setInline(1);
c.setWidth(600);
c.vars["convo_height"] = 300;
c.vars["start_expanded"] = 1;
c.vars["enable_buttons"] = false;

wc_init("________CODE______",c );
</script>

<h1> HTML code above window </h1>
<div id="habla_window_div">

</div>

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

See it in action.

Filed under  //   customization   height   inline   javascript   width  

Comments [0]