Как изменить CSS настольного гаджета на пристыкованные и отстыкованные

Question

Делаем гаджет на рабочем столе и хотим поменять css файл на пристыкованные и отстыкованные.На самом деле, я изменяю это в функциях ondock и undock, но это не отражает.

Answer 1

Обычная практика - иметь две таблицы стилей, одну для закрепленной и одну для отстыкованной, и включать только одну из них. Самое простое решение - присоединить к событиям onDock и onUndock.

System.Gadget.onDock = System.Gadget.onUndock = function () {
    document.styleSheets["docked"].disabled   = !System.Gadget.docked;
    document.styleSheets["undocked"].disabled = System.Gadget.docked;
}

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