Размытие страницы и отображение GIF-изображения при обработке

Question

Я использую c # ASP.NET VS 2005. У меня есть функция, при которой мне нужно нажать кнопку загрузки, и данные должны быть загружены из выбранного входного файла в базу данных.

Когда я нажимаю кнопку загрузки, это занимает не менее 40 секунд, чтобы загрузить данные из файла.

Я хочу отобразить некоторое изображение GIF для пользователя, когда данные загружаются. Я также хочу отключить страницу (размыть страницу), чтобы пользователь не нажимал никакие другие кнопки при загрузке данных.

Пожалуйста, предложите какую-нибудь идею.

Спасибо,.

С уважением, Jebli.

Answer 1

Возможно, вы захотите использовать asp: UpdatePanel в качестве контейнера для элементов управления загрузкой данных, чтобы затем вы могли применить оверлей UpdateProgress, как прекрасно описано здесь: http://blogs.visoftinc.com/archive/2008/03/13/Modal-UpdateProgress-for-UpdatePanel-Revisited.aspx

Это позволит вам "Выделите серым окно браузера и покажите анимированный GIF-файл во время загрузки данных.

С уважением, Крис

Answer 2

Я считаю, что jQuery - идеальное решение для вас. Посмотрите, пожалуйста, на эти сайты - ребята, уже решили вашу проблему:

Это именно то, что вы ищете:

http://choosedaily.com/1178/15-jquery-popup-modal-dialog-plugins-tutorials/

И это может пригодиться:

http://www.aspcode.net/Ajax-loading-animation-with-JQuery-and-ASPNET.aspx

http://www.linein.org/blog/2008/11/13/jquery-display-images-text-until-script-is-finished/