Olark - Filed under 'away'

Fancier Online/Offline images for all

A few months ago Roland made some really cool online/offline images for people on myspace and other sites that block javascript to use when hab.la enabling their website.

At the time we were rewriting a lot of the core JavaScript, so recently this took a back seat to core functionality.

Below you will find the HTML code necessary to add hab.la to your website (no javascript required), be sure you change the fields labeled SITE_CODE, to your site code found in the My Hab.la Page.

(Once installed on your site, clicking on the produced image will create a link to hab.la where your visitors will be able to chat with you.)

Online

Offline

<div>
<a href = "http://static.hab.la/js/html/url_handler.html?siteid=SITE_ID_HERE">
<img src="http://dyn.hab.la/online/image.cgi/SITE_ID_HERE/1.gif" border=0></a><br/>
<small>Powered By <a href="http://hab.la" target="_blank">Hab.la</a><small>
</div>

Online

Offline

<div>
<a href = "http://static.hab.la/js/html/url_handler.html?siteid=SITE_ID_HERE">
<img src="http://dyn.hab.la/online/image.cgi/SITE_ID_HERE/2.gif" border=0></a><br/>
<small>Powered By <a href="http://hab.la" target="_blank">Hab.la</a><small>
</div>

Online

Offline

<div>
<a href = "http://static.hab.la/js/html/url_handler.html?siteid=SITE_ID_HERE">
<img src="http://dyn.hab.la/online/image.cgi/SITE_ID_HERE/3.gif" border=0></a><br/>
<small>Powered By <a href="http://hab.la" target="_blank">Hab.la</a><small>
</div>

Online

Offline

Hidden when unavailable

<div>
<a href = "http://static.hab.la/js/html/url_handler.html?siteid=SITE_ID_HERE">
<img src="http://dyn.hab.la/online/image.cgi/SITE_ID_HERE/4.gif" border=0></a><br/>
<small>Powered By <a href="http://hab.la" target="_blank">Hab.la</a><small>
</div>

Online

Offline

<div>
<a href = "http://static.hab.la/js/html/url_handler.html?siteid=SITE_ID_HERE">
<img src="http://dyn.hab.la/online/image.cgi/SITE_ID_HERE/4.gif" border=0></a><br/>
<small>Powered By <a href="http://hab.la" target="_blank">Hab.la</a><small>
</div>

For information on how to use your own custom images, take a look at the below blog post.

http://hab.la/articles/2007/10/19/online-offline-image-the-simple-way

[We are still working on a clean method of performing the same tasks using just javascript – in that we just haven’t got around to it]

Filed under // away frontend hab.la image images javascript livehelp myspace no offline online

Comments [0]

Hab.la now with Away Messages!

Hahah.. Ok, we should have added away message support a while ago, but we finally have enough beta testers so that people will complain when important features are missing. Thanks beta testers :-)

Anyway, today’s new feature is the ability to have Hab.la show your away message in the chat box, or hide the box when you are away (Hab.la does not support idle time based awayness – yet)

At some point I’ll write a nice tutorial, but until then:

The code to hide the chat box when you are away or unavailable:

<script type="text/javascript" src="http://static.hab.la/js/wc.js"></script>
<script type="text/javascript">
// Load Config
config = new wc_config();
config.vars["hide_not_available"] = 1;
config.vars["hide_when_away"] = 1;
wc_init("SITE_ID", config);
</script>

The code to show your away message in Hab.la when you are away

<script type="text/javascript" src="http://static.hab.la/js/wc.js"></script>
<script type="text/javascript">
// Load Config
config = new wc_config();
config.vars["show_away"] = 1;
// show the away message in the header/ status bar of the habla window
config.vars["show_away_as_header"] = 1;
wc_init("SITE_ID", config);
</script>

As an aside, we are currently using typo, and I have no idea how I am suppose to display large blocks of CODE, it seems that I have to block each line individually, which is a huge pain.

Filed under // away client hab.la jabber javascript presence status

Tags

away

Fancier Online/Offline images for all

Hab.la now with Away Messages!