In our CMS, we have a place in which we enable users to play around with their site hierarchy – move pages around, add and remove pages, etc.
We use drag & drop to implement moving pages around.
Each move has to saved in th DB, and exported to many HTML files. If we do that in every move, it will slow down the users. Therefore we thought that it’s preferable to let the users play around as much as they want, saving each change to the DB, but only when they leave the page – to export their changes to the HTML files.
We thought of making the user click a ‘publish’ button when they’re ready to commit their changes, but we’re afraid users won’t remember to do that, because from their stand point once they’ve moved a page to a new place – the action is done. Another problem with the button is that it’s inconsistent with the behavior of the other parts of the site (for example, when a user moves a text inside a page, the changes are saved automatically, as there is only 1 HTML file to update)
So how can we automatically save user changes on leaving the page?
You should warn the user when he leaves the page with javascript.
From http://www.siafoo.net/article/67:
Modern browsers have an event called window.beforeunload that is fired right when any event occurs that would cause the page to unload. This includes clicking on a link, submitting a form, or closing the tab or window.
Visit this page for a sample the works in most browsers:
http://www.webreference.com/dhtml/diner/beforeunload/bunload4.html
I think it’s bad practice to save the page without asking the user first, thats not how normal web pages work.
Sample: