I have searched the forum and couldnt find the post similar to mine so I created a new one.
here what I would like to do:
on the right hand side a have a list of things that I might want to add to the page.
They appear as a small rectangle with a name so that user would know what it is. When you will drag an drop it to the main body, the small rectangle will change into a big one with more details and if needed will accept text from the user. Similarely if the user does not need that module he can drag and drop back into selection rectangle. At the same time in the background when nothing was dragged and dropped would look something like this in html:
[HTML]
<html>
<body>
<div>
</div>
</body>
</html>
[/HTML]
for example when the user will drag and drop the title box, the the following code will be inserted->
[HTML]
<html>
<body>
<div>
Title<br/><input type="text" name="title"/>
</div>
</body>
</html>
[/HTML]
and if the user will decide to remove title from the main body, the html code should be removed too at the same time.
I have seen bunch of drag and drop scripts, but I have not seen any to do what I would like to do.
** also I would like to have to the ability to have sertain element be already added to the main body, which user cant remove. for example required fields.
thx..