Как отобразить значок или изображение в div во время загрузки?

Question

Как отобразить значок или изображение в div во время загрузки?

-3

У меня есть div в центре страницы, на которой отображается некоторый контент. Когда пользователь нажимает кнопку, я делаю вызов AJAX, чтобы получить новые данные для отображения в div. Я хочу сделать следующее в DIV, пока я жду данных из вызова AJAX...

1) Измените непрозрачность для всего содержимого в div до 50%

2) Запретить доступ к любому контенту, который можно щелкнуть в DIV; Я не хочу, чтобы пользователь делал что-либо, пока не вернется вызов AJAX

3) Наложение изображения в центре div, которое отображает загрузочный материал (предположим, что у меня есть изображение с именем loading.gif для этого)

4) Как только вызов AJAX вернется с данными, верните непрозрачность в нормальное состояние и удалите ограничения на кликабельность в DIV и отключите значок загружаемого изображения.

Существуют ли какие-либо рамки для этого?

raffian 21 янв. 2012, в 17:30

Источник

7

-1. Вы пробовали что-нибудь? Если так, то где вы застряли?
maxedison 21 янв. 2012, в 16:29
0

Что за голосование против? Вопрос был четко объяснен, и я попросил пример кода ИЛИ ссылку на фреймворк
raffian 21 янв. 2012, в 16:52
2

Вы получаете голоса, потому что вы должны были что-то попробовать, застрять, а затем опубликовать здесь конкретный вопрос, связанный с тем, где вы застряли. Простое высказывание «Я хочу сделать это. Дайте мне код» не является приемлемым вопросом.
maxedison 21 янв. 2012, в 18:07
0

При всем уважении, но, очевидно, это был приемлемый вопрос, так как другие были достаточно вежливы, чтобы опубликовать ссылку в качестве ответа, что было более чем достаточно для моих нужд ... читайте FAQ вместо того, чтобы придумывать свои собственные правила.
raffian 21 янв. 2012, в 18:20
0

возможный дубликат Javascript - индикатор загрузки / занятости или прозрачный div на странице при нажатии на событие
outis 21 янв. 2012, в 19:17
0

Вопрос с подозрением на дубликат старше 3 лет, возможно, предыдущие ответы устарели?
raffian 21 янв. 2012, в 21:43

Показать ещё 4 комментария

Теги:

javascript

jquery

html

ajax

2 ответа

0

если вы поместите div с необходимой непрозрачностью над формой, используя с более высоким z-index, все кликабельные элементы не будут доступны. См. " Непрозрачность фона div, не затрагивая содержащийся элемент в IE 8? ".

user1149501 21 янв. 2012, в 13:43

Ещё вопросы

-1. Вы пробовали что-нибудь? Если так, то где вы застряли?
Что за голосование против? Вопрос был четко объяснен, и я попросил пример кода ИЛИ ссылку на фреймворк
Вы получаете голоса, потому что вы должны были что-то попробовать, застрять, а затем опубликовать здесь конкретный вопрос, связанный с тем, где вы застряли. Простое высказывание «Я хочу сделать это. Дайте мне код» не является приемлемым вопросом.
При всем уважении, но, очевидно, это был приемлемый вопрос, так как другие были достаточно вежливы, чтобы опубликовать ссылку в качестве ответа, что было более чем достаточно для моих нужд ... читайте FAQ вместо того, чтобы придумывать свои собственные правила.
возможный дубликат Javascript - индикатор загрузки / занятости или прозрачный div на странице при нажатии на событие
Вопрос с подозрением на дубликат старше 3 лет, возможно, предыдущие ответы устарели?

KMan · Accepted Answer · 2012-01-21T14-51-00.000Z

Для этого есть хороший плагин под названием Nimle Loader http://www.salesclic.com/jquery.nimble.loader/demo/