Hi. I'm trying to create a small editor for a website. One of the features is a drag and drop interface. I'd like for the user to be able to drag elements to another position in the page. I was thinking of having an iFrame of the site, and applying JS and CSS to enable drag and drop ability.

Here's a screenshot of a CMS that does that:


The site is an iFrame. When I open the iFrame, you can't rag and drop. So, I'm assuming that they somehow apply changes in the parent page. Is there any way that I can do that?


im reading on html5 for sockets.

this maybe not much of help on JS side, but i saw something about drag and drop features.

and since more and more webmasters are making the jump to html5, that wouldnt supprise me that the site your looking at is in html5. check the doctype