Сохранить флажок Состояние и база данных обновлений

Question

У меня есть идея, которую я хочу реализовать в одном из моих проектов, и мне нужна помощь из лучших. :)

То, что я

Even Not done! http://img299.imageshack.us/img299/4142/screenshot20100727at185.png

Event Done http://img180.imageshack.us/img180/4142/screenshot20100727at185.png

В первом изображении я тяну некоторую информацию из моей БД и отображать эту информацию, а также кнопку сделать Редактировать/Удалить, что даже и флажок, который должен быть проверен в случае завершения/завершения события.

Во втором изображении, когда установлен флажок, div разворачивается зеленым, а кнопка уходит (скрывается).

То, что я хочу

Это немного трудно объяснить, но я буду стараться изо всех сил.

Когда пользователь проверяет, что флажок, он будет обновлять поле «сделано» в БД этого события со значением 1.

После этого, каждый раз, когда я проверяю эти события, они должны сохранить свое состояние (если это сделано или нет). Они должны держать так же, как на втором изображении, если поле «сделано» в БД 1.

Вопрос

Как я могу это сделать? Может кто-нибудь дать мне несколько советов?

Большое значение.

С уважением.

Answer 1

Вы должны инициировать Ajax вызов, как указано выше, чтобы обновить значение базы данных для сделано:

$.ajax({ 
    url:'script_to_update_db', 
    data:({done:'true'}), 
    async:false, 
    success:function(msg){ 
     alert(msg); 
    } 
}); 

Затем, когда страница вы должны проверить, установлено ли заданное значение в базе данных, если это так, вызвать вашу функцию, которая удаляет кнопку, и делает div зеленым. Как вы все это действительно зависит от того, как настроен ваш код. Удачи!

Answer 2

Похоже, вы хотите отключить запрос ajax на свой сервер, чтобы сообщить ему об обновлении базы данных. Я бы посмотрел отличную библиотеку ajax jQuery. http://api.jquery.com/category/ajax/ Вы также можете использовать обработчик изменения событий JQuery, чтобы вызвать запрос на АЯКС http://api.jquery.com/change/