iOS Web アプリでテーマを選択するオプションがあります。
<select onchange="if(this.value)window[this.value]();">
<option value="classic">Classic</option>
<option value="gradient">Gradient</option>
</select>
(このonchange
オプションは、フォームを送信することなく、オプションが選択されるとすぐに値で指定された js 関数を実行します。)
JavaScript/jQuery...
function gradient() {
alert('Applying theme gradient...');
$('#coff').src="/Users/William/Desktop/sasapp/icons/gradient/profile.png";
$('#topright').src="/Users/William/Desktop/sasapp/icons/gradient/settings.png";
$('#login').src="/Users/William/Desktop/sasapp/icons/gradient/key.png";
}
function classic() {
alert('Applying theme classic...');
$('#coff').src="/Users/William/Desktop/sasapp/icons/classic/profile.png";
$('#topright').src="/Users/William/Desktop/sasapp/icons/classic/settings.png";
$('#login').src="/Users/William/Desktop/sasapp/icons/classic/key.png";
}
基本的に、上記のスクリプトは、選択したテーマに応じてsrc
、ID#coff
#topright
を使用して画像の s を変更することになっています。#login
ただし、選択したテーマが設定されているというアラートが実行されている間、実際の画像は同じままで、src
s は変更されません。