Различные всплывающие окна для изменения текстового поля?

Question

У меня есть 10 текстовых полей на странице Компании. 5 из них распространены на странице местоположения. Моя цель - спросить пользователя, хочет ли он обновлять только страницу компании или даже страницу местоположения. Если пользователь изменяет 5 текстовых полей , которые являются общими на странице местоположения, всплывающее окно отображается как «Вы также хотите обновить страницу местоположения» или если пользователь изменит остальные 5, тогда всплывающее окно отобразит «Вы хотите сохранить?».

Как определить, какие текстовые поля были изменены и какое всплывающее окно должно отображаться? Может ли кто-нибудь помочь мне. Спасибо всем :)

Answer 1

Одним из методов является:

1. установить JQuery (только для облегчения доступа к системе управления)
2. назначить Classname как class='common' к первому набору текстовых
3. назначить другой Classname как class='other' ко второму набору текстовых

4. ручки ONBLUR события для Коммонс »:

   $(":input.common").blur(function() { 
       if ($(this).data("changed") && confirm("Do you want to update Location Page as well?")) { 
       // TODO: perform update 
       } 
   }).keydown(function(e) { 
       $(this).data("changed", true); 
   }).focus(function(e) { 
       $(this).data("changed", false); 
   }); 
   

5. ручка ONBLUR событие для 'других':

   $(":input.other").blur(function() { 
       if ($(this).data("changed") && confirm("Do you want to save?")) { 
       // TODO: perform save 
       } 
   }).keydown(function(e) { 
       $(this).data("changed", true); 
   }).focus(function(e) { 
       $(this).data("changed", false); 
   }); 
   

Есть идея?