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 3 years, 3 months ago
  2. Add special field lookups to the Admin list_filter display by whiteinge 5 years, 3 months ago
  3. Unobtrusvie Foldable Admin Interface by whiteinge 5 years, 3 months ago
  4. Admin Input Field Character Count via jQuery by joshman 4 years, 5 months ago
  5. Make hyperlinks for labels of raw_id_fields (jQuery) by ramen 3 years, 4 months ago

Comments

(Forgotten your password?)