Ext Core でスタイルシートの変更を実装する拡張機能です。
選択したスタイルシートの保存を本サイトのCookie.jsで行なっているので、併せてご利用ください。
stylechanger.zip Download (version 1.0.2: 2022/10/01)
Cookie.zip Download
Ext Core と ダウンロードした cookie.js と stylechanger.js を読み込んでください。
読み込むスタイルシートは、ヘッダ要素の link rel="stylesheet"、link rel="alternate stylesheet" の二種類です。
<script src="ext-core.js"></script> <script src="cookie.js"></script> <script src="stylechanger.js"></script>
初期化を行います。
new Ext.ux.StyleChanger({
renderTo: 'changer', // セレクトボックスを表示させるIDを指定します。
defaultStyleTitle: 'plasmasphere', // デフォルトのスタイルシートのタイトルを指定します。
targetMediaType: 'screen' // 読み込むスタイルシートのmediaを指定します。この場合はscreenを指定しているlink要素が読み込まれます。条件は正規表現で指定します。
});