barbitoff programmer`s blog

Здесь я публикую заметки из программерской жизни: грабли, на которые мне случилось наступить, проблемы, для которых было найдено элегантное (или не очень) решение, а также все, с чем мне пришлось столкнуться и чем хотелось бы поделиться =)
PS Если хотите меня поблагодарить - на странице есть 3 места, чтобы это сделать =)

пятница, 4 мая 2012 г.

Блокировка фрагмента веб-страницы с помощью dojo

Если нужно временно заблокировать какой-то элемент веб-страницы (затемнив его и показав анимашку ожидания), можно воспользоваться виджетом dojox.widget.Standby. Он легко создается программно (правда, для версии dojo 1.3 необходимо ещё импортировать CSS dojox/widget/Standby/Standby.css):
dojo.require("dojox.widget.Standby");

var standbyWindget = null;
dojo.addOnLoad(function(){
standbyWindget = new dojox.widget.Standby({target:document.getElementById("elemToOverlay")});
document.body.appendChild(standbyWindget.domNode);
standbyWindget.startup(); });
Данный код создаст виджет ожидания, отображаемый поверх элемента с id="elemToOverlay". Показывается этот виджет вызовом:
standbyWindget.show()
, а скрывается:
standbyWindget.hide()
В качестве target можно указать document.body, чтобы заблокировать всю страницу, однако, такой подход имеет минус, заключающийся в том, что анимашка ожидания будет размещена посередине документа, а не viewport`а.

Комментариев нет:

Отправить комментарий