Confirm alert if the user navigates away without saving changes

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
addEvent(window, "load", function(){
	var inputs = []
	inputs = inputs.concat(document.getElementsBySelector("input"));
	inputs = inputs.concat(document.getElementsBySelector("select"));
	inputs = inputs.concat(document.getElementsBySelector("textarea"));
	if (inputs.length > 0){
		for (var i=0, t=inputs.length; i<t ;i++){
			if (inputs[i].parentNode.className.indexOf('submit-row') == -1){
				addEvent(inputs[i], "change", function(){ window.onbeforeunload = function(){
					return "Your changes have not been saved.";
				}});
			} else {
				addEvent(inputs[i], "click", function(){ window.onbeforeunload = null });
			}
		}
	}
})

More like this

  1. jQuery Double Click Edit ManyToMany in Admin by justhamade 2 years ago
  2. Admin Input Field Character Count via jQuery by joshman 3 years, 2 months ago
  3. Unobtrusvie Foldable Admin Interface by whiteinge 4 years ago
  4. Make hyperlinks for labels of raw_id_fields (jQuery) by ramen 2 years, 1 month ago
  5. Add special field lookups to the Admin list_filter display by whiteinge 4 years ago

Comments

(Forgotten your password?)