У меня есть div в центре страницы, на которой отображается некоторый контент. Когда пользователь нажимает кнопку, я делаю вызов AJAX, чтобы получить новые данные для отображения в div. Я хочу сделать следующее в DIV, пока я жду данных из вызова AJAX...
1) Измените непрозрачность для всего содержимого в div до 50%
2) Запретить доступ к любому контенту, который можно щелкнуть в DIV; Я не хочу, чтобы пользователь делал что-либо, пока не вернется вызов AJAX
3) Наложение изображения в центре div, которое отображает загрузочный материал (предположим, что у меня есть изображение с именем loading.gif
для этого)
4) Как только вызов AJAX вернется с данными, верните непрозрачность в нормальное состояние и удалите ограничения на кликабельность в DIV и отключите значок загружаемого изображения.
Существуют ли какие-либо рамки для этого?
Для этого есть хороший плагин под названием Nimle Loader http://www.salesclic.com/jquery.nimble.loader/demo/
если вы поместите div с необходимой непрозрачностью над формой, используя с более высоким z-index, все кликабельные элементы не будут доступны. См. " Непрозрачность фона div, не затрагивая содержащийся элемент в IE 8? ".