Всплывающее окно загрузки

Question

Я хочу, чтобы всплывающее окно показывало пользователю, что "эта часть" или "эта часть" моего приложения загружается.... Многие вещи в моем приложении имеют ссылочный контент, поэтому иногда загрузка занимает несколько секунд...

Я новичок в Ajax (извините, пожалуйста), но я хочу, чтобы всплывающее окно отображалось пользователю в Ajax или JavaScript, чтобы пользователь знал, что приложение "загружается", когда пользователь нажимает пальцем на то, что нужно загрузить.... Например, контент на новом экране.... Я надеюсь, что здесь есть смысл... Я не знаю, с чего начать, когда это произойдет (потому что я не код воин еще, все еще немного зеленый шри лол), поэтому любая помощь приветствуется. Пока что я использую JavaScript и HTML5, но мне нужен виджет для всплывающего окна загрузки...

Answer 1

Вы, вероятно, ищете что-то вроде colorbox.js (http://www.jacklmoore.com/colorbox). В более общем плане, то, что вы ищете, это модальное диалоговое окно. Модальные диалоговые окна можно противопоставить более простым диалоговым окнам, которые не затеняют остальную часть экрана. Пользовательский интерфейс jQuery включает такой диалог, который вы можете увидеть здесь: http://jqueryui.com/demos/dialog/

Конечно, это не даст вам эффект загрузки из коробки. Вам нужно будет написать код, чтобы проверить, какие условия загрузки относятся к вашему приложению, а затем закрыть диалоговое окно. Очень простой способ сделать это - использовать setTimeout вместе с вызовом ajax, чей обработчик успеха закрывает диалоговое окно. Или, если у вас нет способа отслеживать состояние загрузки, вы можете просто использовать простое диалоговое окно, чтобы предложить пользователю подождать (но это не особенно хорошо для пользователя).