JS Designer

JS Designer is a lightweight IDE (Integrated Development Environment) to help you designing your Web-based client-side applications.

With JS Designer, you can create widgets like :
- buttons,
- labels (div),
- text, password or textarea fields,
- radio or check boxes,
- selectors,
- images
For these widgets, you can put some Javascript code for any event of your choice. All of this just with a few mouse clicks, and from within your browser.

Editor Features:
- Create / move / resize / delete the following widgets:
- buttons,
- labels (div),
- text, password or textarea fields,
- radio or check boxes,
- selectors,
- images,

- For the positioning and sizing, a magnetic gird is included.
- For each widget, edition of the following properties :
- Position (in pixels, relative to its parent)
- Height, Width (pixels)
- background color (as hexa code, or 'transparent', or 'inherit')
- Text size (in pixels)
- Text color
- Text alignment
- Text decoration and Style
- Borders Styles, width and color
- (Background) Image URL
- Background Image repeating

- Create / edit / delete the text associated to widgets, for all languages defined in your DB (for images, it give the alternate text).
- Create / edit / delete javascript code associated to widgets, for the following events :
- Blur
- Change
- Click
- DoubleClick
- Focus
- Key Down
- Key Press
- Key Up
- Mouse Down
- Mouse Move
- Mouse Out
- Mouse Over
- Mouse Up
- Select Text

- The editors supports hierachizing your widgets : Drop a Button onto a DIV and it will be contained in it, move the DIV and your button follows