DIV tags (fields) that change positions

Question

hello,

on my web form i have tree DIV tag fields.

can you give me which is best way to enable that those fields can switch their positions, without refreshing form?

i guess that with some javascript it's possible to do it?

tnx in adv!

Answer 1

Yes, this is possible with JavaScript. I recommend using jQuery, a JavaScript framework, which easily allows you to make objects like DIVs draggable and droppable in a cross-browser compliant manner. jQuery UI Reference

Answer 2

If you want swap DIVs you should use the Javascript DOM methods like: replaceChild, removeChild etc.

look, for example at: http://www.howtocreate.co.uk/tutorials/javascript/dombasics

Answer 3

http://jqueryui.com/demos/droppable/

http://jqueryui.com/demos/draggable/

Try these