Flapjax is a new programming language designed around the demands of modern, client-based Web applications.
It sits on top of JavaScript, and you run the special syntax through a compiler.
You end up writing template code such as this example from the tutorial on setting up style based on behaviour:
-
-
<div id="themouse"
-
style="{! {color: '#FFFFFF',
-
backgroundColor: '#000000',
-
position: 'absolute',
-
left: mouseLeft_b(document),
-
top: mouseTop_b(document),
-
padding: '10px'} !}">
-
the mouse
-
</div>
-
You can check out the compiler and play with the example. Note how the example that is already in the compiler states the mouse coordinates and handles updating it as you move the mouse (in the right frame only).
Finally, check out the demos such as Yaggle a Flapjax Yahoo/Google Mashup:


