ClockBlox

ClockBlox is a simple time displaying application that can be embedded into a personal blog template or Web page, and displayed in any modern Web browser.

Laszlo Systems provides ClockBlox free for experimentation and non-commercial use, to showcase Laszlo's platform for developing and deploying rich Internet applications. If you like ClockBlox, please blog it and spread the good word about the Laszlo platform powering it. To take advantage of ClockBlox, simply embed some tags in your HTML template. The source code behind ClockBlox is freely available under the same terms as the Apache Open Source license.

Embedding ClockBlox in your page

Embed ClockBlox by copying two script tags into your HTML page or blog template, one in the page header, and one in the page body. View the html source of the following example page to see the simplest embed setup for ClockBlox:

ClockBlox in a Web page

You may also view source on this blogspot page to see how the ClockBlox on the right was embedded. Search for the string "<!-- clockblox -->" to find the embed tags.

Frequently Asked Questions

• Client CPU requirements: Viewers of the WeatherBlox need a Web browser enabled with the Flash Player (version 5 or higher). Over 97% of deployed Web browsers meet this requirment.
• Time source: ClockBlox sets itself to the system clock of the client computer running the Web browser. Assuming the computer's system clock is correct, ClockBlox thus always displays local time.

Known Issues

1. Embedding in Radio Userland: when pasting the 2nd script tag into the HTML template body, all the parameters in the lzEmbed function need to be double-quoted rather than single-quoted. Otherwise, the Radio system automatically attempts to convert the URL into an in-line hyperlink in the blog page, which results in browser script errors.

For example:
lzEmbed({url: 'http://www.mylaszlo.com/lps-krank/my-apps/
clockblox/clockblox.lzx?lzt=swf&data_url=http%3A%2F%2F
www.geocities.com%2Flyndon_wong%2Fclockblox%2Fclockbloxdata_plantskin.xml',
bgcolor: '#ffffff', width: '180', height: '420'});

must be changed to:

lzEmbed({url: "http://www.mylaszlo.com/lps-krank/my-apps/
clockblox/clockblox.lzx?lzt=swf&data_url=http%3A%2F%2F
www.geocities.com%2Flyndon_wong%2Fclockblox%2Fclockbloxdata_plantskin.xml",
bgcolor: "#ffffff", width: "180", height: "420"});

Need Help?

Visit the BlogBox Support Forum

Feedback

Please send feedback to ClockBox Feedback