Rich Internet Applications Using OpenLazlo

By: Kyle DostieDecember 2008

<canvas><canvas><window<window texttext=="Test" "Test"

widthwidth=="350" "350" heightheight=="400”"400”

resizableresizable=="true""true">> <scrollbar<scrollbar axisaxis=="x""x"/>/> <scrollbar<scrollbar axisaxis=="y""y"/>/>

</window></window></canvas></canvas>Examples

<canvas><canvas><window <window titletitle==“Animate Window” “Animate Window” widthwidth=="200" "200"

bgcolorbgcolor=="#666699" "#666699" layoutlayout=="spacing: 1”"spacing: 1”>><text <text fgcolorfgcolor=="white”"white”

onclickonclick=="details.animate('height', "details.animate('height', details.height==0?200:0, 500, false)”details.height==0?200:0, 500, false)”>>

Click Click <b><u><b><u>herehere</u></b> </u></b> to to toggle the heighttoggle the height

</text></text><text <text idid=="details" "details" widthwidth=="100%""100%"

heightheight=="0”"0”multilinemultiline=="true""true" fgcolorfgcolor=="white”"white”>>

Text to Display On EventText to Display On Event</text></text>

</window></window></canvas></canvas>

Even though we have covered the simple implementation of OpenLazlo for appealing web pages it also can interact with data dynamically.

Because OpenLazlo is a front end application, it has the ability to trigger events with sent POST and GET variables. This makes it highly versatile in communicating with databases and other scripting languages.

•OpenLazlo (http://www.openlazlo.org)•Rich internet Applications (http://en.wikipedia.org/wiki/Rich_internet_applications)•Adobe Flex(http://en.wikipedia.org/wiki/Adobe_Flex , http://www.adobe.com/products/flex/overview/ )•“What is OpenLazlo and what is it good for?” (http://www.donhopkins.com/home/124)