javascript - ドッキングおよびドッキング解除されたデスクトップガジェットのCSSを変更する方法

Question

デスクトップガジェットを作成していて、ドッキングおよびドッキング解除されたCSSファイルを変更したい。実際、私はオンドックとドッキング解除機能でそれを変更していますが、それは反映されていません。

Answer 1

ドッキング用とドッキング解除用の 2 つのスタイルシートを用意し、そのうちの 1 つだけを有効にするのが一般的です。最も簡単な解決策は、onDock および onUndock イベントにアタッチすることです。

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

Note that if a rule applies height or width to the body element (and thusly, the gadget itself), that style isn't applied when the stylesheet is switched - you have to set body width and height separately.