This is the Properties dialog


Copyright © 2011 Grimdi.com. All rights reserved.

Html Code

Text manipulation
To insert new text zone, click on Text button.
To move the text zone, click on it, then drag it.
To change the text zone property, select it and go to check Properties dialog.
To edit the text zone content, double click on it.
To edit the text format, double click on the text zone, then select that you wish edit, and click on B(bold) I(italic) or U(underline).
To delete a text zone click on it and then click on Delete
Image manipulation
To insert new image, click on Image button.
To move the Image, click on it,then drag it.
To change image source, select it then go to Properties dialog and change src.
To change the image property select it and go to check Properties dialog.
To delete an image click on it and then click on Delete.
Actions manipulation
To add a new event, select an object, choose the event and click on +event. To remove an event, select it and click on remove. An event is para(parallel). To add a new series, select an object,then select a para(parallel) and click on +series. To remove a series, select it and click on remove. To add a new para(parallel), select an object, then select a series and click on +para. To remove a para(parallel), select it and click on remove. To add a new action,select an object, choose the action type, then select a series or a para(parallel) and click on +action. Choose the target and the parameters and click on OK. To change an action parameters, double click on it. To remove an action, select it and click on remove. The difference between para(parallel) and series:
In the series: the first element will be executed(may last few second)and when it finish the next one will be executed.
In the para: the first element will be executed(may last few second) and then the next one will be executed(there is no waiting for the end of the first element).
An event is a para(parallel).
Code generation
When you finish, click on generate and select all the html code. Save the code into a file with .html extension then open it in a browser and enjoy!

This website was built using jQuery, jQuery UI and jsTree.
This website was developed by Riadh CHTARA.
If you want to contact me, send an email to riadh.chtara@gmail.com
Copyright © 2011 Grimdi.com. All rights reserved.