Ext Core plugin / StyleChanger

Ext Core でスタイルシートの変更を実装する拡張機能です。
選択したスタイルシートの保存を本サイトのCookie.jsで行なっているので、併せてご利用ください。

Example

Download

stylechanger.zip Download (version 1.0.2: 2012/01/16)
Cookie.zip Download

Set up

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要素が読み込まれます。条件は正規表現で指定します。
});

BACK