26th June - 1st July

In this week (from 26th June to 1st July), one of the primary aims was to develop a framework on client side which implements addWidget(), deleteWidget() etc. The framework should be working directly on the DOM form and JS form object.

Here is a demo of what I am trying to do for the goal. Here are some changes:

1. Now additions of widgets are reflcted in the DOM form as well as JS form object.
2. Properties of the widgets can be changed from the 3rd column which shows all the properties for a widget which are described in the form API reference.
3. A temporary arrangement to see the JS form object is made(It will be removed later). You can click on the heading of second column "Preview" to see a serialization of the DOM form array. Note that this serialization is just for the checking purposes and not something that /includes/form.inc can parse.
4. Some UI changes necessary for the proper functioning.

Notes:

1. This demo is just to show what I am trying to do, so I just implemented the textfield and textarea widgets.
2. The source will be commited by the end of week(when all requirements are fullfilled.). By then, any issues raised here should be cleared.
3. You can download the source from this link: http://www.freewebs.com/socdemocode/prototype0.5.zip.
4. If you are looking at the code, please see if the procedure I am following to add an element okay or not. Please see the function: addItem() in functions.js and index.htm.

Also there are a few issues that I am facing right now...any help is appreciated:

1. I read somewhere that the proper deletion of an key-value pair from a JS Associative array is available only from javascript v1.2 onwards. Is it correct? If yes, How do I handle other cases?
2. Again while reading sometihng, I found that the order in which the key-value pair are entered in a JS form object "stays" the way it was done initially. So how do I take care of the rearrangements of form widgets? I could think of two ways but I am sure of none:
   2.1 Delete the whole JS form Object and remake it in the new order.
   2.2 Use weight property of the form. (Here the problem comes when I have to assign weights.... How do I assign them? help me!!)