javascript > 基本スタイルシート切り替え

「javascript/基本スタイルシート切り替え」の編集履歴(バックアップ)一覧はこちら

javascript/基本スタイルシート切り替え」(2013/03/15 (金) 02:47:50) の最新版変更点

追加された行は緑色になります。

削除された行は赤色になります。

***スタイルシートの選択 #divid(selectSkins){} #js(){{ <script type="text/javascript"> $(function(){ var skins = {'123sundark':' 闇の太陽(1カラム)ver2 ','134an3':' アオゾラver2 ','137flower':' スウェーデンの花(2段組)ver2 ','152n':' ノート(2段組)ver2 ','141hatena':' hatena (α版)ver2 ','131p2':' オレンジロゴ(2カラム)ver2 ','129m':' ウィキペディア風(2カラム)ver2 ','124sb':' シンプルビューティ(2カラム)ver2 ','125zilla':' シンプル黒×オレンジ(2カラム)ver2 ','122cws':' 闇の海(2カラム)ver2 ','121mandarin':' マンダリン(2カラム)ver2 ','101default':' デフォルト1ver2 ','104green':' 2ブロックグリーンver2 ','104blue':' 2ブロックブルーver2 ','104red':' 2ブロックレッドver2 ','104purple':' 2ブロックパープルver2 ','105rice':' ライスver2 ','105sea':' 夕焼けの海ver2 ','106red':' シンプル 赤2(2段組)ver2 ','106pink':' シンプル ピンク(2段組)ver2 ','110old':' 新デフォルトver2 ','110old2':' 新デフォルト右メニューver2 ','110aqua':' 水族館(2段組)ver2 ','111dot1':' 水玉緑×橙(2段組)ver2 ','111dot2':' 水玉ピンク×水色(2段組)ver2 ','111dot3':' 水玉ピンク×茶(2段組)ver2 ','112star1':' 水色スター(2段組)ver2 ','112star2':' スター青×赤(2段組)ver2 ','112morning':' 朝焼けカラー(2段組)ver2 ','112heart':' ハート2段組手書き風ver2 ','112baby':' ベイビー(2段組)ver2 ','112coolblue':' クールブルー(2段組)ver2 ','112deep':' DeepPurple(2段組)ver2 ','112darkred':' ダークレッドver2 ','115flash1':' FLASH2段組1ver2 ','114flash2':' FLASH2段組2ver2 ','116olddefault':' 旧デフォルトver2 ','117wb':' 白ベースver2 ','117bw':' 黒ベースver2 ','118headedit':' ヘッドエディットver2 ','119vs':' とてもシンプルver2 ','120reggae':' ラスタカラー(レゲエ)ver2 ','128n':' ノート(3段組)ver2 ','132p2':' オレンジロゴ(3カラム)ver2 ','127a':' 冬のスウェーデン(3カラム)ver2 ','102black':' 新シンプル黒ver2 ','102white':' 新シンプル白ver2 ','102pink':' シンプル白×ピンクver2 ','103kingyo':' 金魚(3カラム)ver2 ','103night':' 夜(3カラム)ver2 ','107oldold':' 旧・シンプル3段組ver2 ','108simple2':' 新・シンプル3段組ver2 '}; var select = $("<select/>").attr({"id":"selectSkin"}); for(var i in skins){ select.append($("<option/>").attr({"id":i,"value":i,"name":i}).text(skins[i]) ); } select.find("[value=103night]").attr("selected","selected"); $("div#selectSkins").prepend(select); $("div#toolbar").css("display","none"); $("select#selectSkin").bind("change load",function(){ var selectedOption = $(this).find(":selected"); if(selectedOption.text().indexOf("1カラム") >= 0 ){ $("div#menubar").css("display","none"); $("div#menubar2").css("display","none"); }else if(selectedOption.text().indexOf("2段組") >= 0 || selectedOption.text().indexOf("2段組") >= 0 || selectedOption.text().indexOf("2ブロック") >=0 || selectedOption.text().indexOf("2カラム") >=0 || selectedOption.text().indexOf("2カラム") >=0 || selectedOption.text().indexOf("アオゾラ") >=0 || selectedOption.text().indexOf("ライス") >=0 || selectedOption.text().indexOf("夕焼けの海") >=0 || selectedOption.text().indexOf("新デフォルト") >=0 || selectedOption.text().indexOf("旧デフォルト") >=0 || selectedOption.text().indexOf("ダークレッド") >=0 || selectedOption.text().indexOf("白ベース") >=0 || selectedOption.text().indexOf("黒ベース") >=0 || selectedOption.text().indexOf("ヘッドエディット") >=0 || selectedOption.text().indexOf("とてもシンプル") >=0 || selectedOption.text().indexOf("レゲエ") >=0 || selectedOption.text().indexOf("hatena") >= 0 ){ $("div#menubar").css("display","block"); $("div#menubar2").css("display","none"); } else { $("div#menubar").css("display","block"); $("div#menubar2").css("display","block"); } $("link[rel=stylesheet]").each(function(){ if($(this).attr("href").indexOf("atwiki.jp/_skin/base_") >= 0){ var cssHref = $(this).attr("href").replace(/base_[0-9|a-z|A-Z]+/,"base_"+selectedOption.attr("id")); cssHref.replace(/¥?v=[0-9]+/,""); $(this).attr("href",cssHref); } }); }); }); </script> }}
***スタイルシートの選択 #divid(selectSkins){} #js(){{ <script type="text/javascript"> $(function(){ var skins = {'123sundark':' 闇の太陽(1カラム)ver2 ','134an3':' アオゾラver2 ','137flower':' スウェーデンの花(2段組)ver2 ','152n':' ノート(2段組)ver2 ','141hatena':' hatena (α版)ver2 ','131p2':' オレンジロゴ(2カラム)ver2 ','129m':' ウィキペディア風(2カラム)ver2 ','124sb':' シンプルビューティ(2カラム)ver2 ','125zilla':' シンプル黒×オレンジ(2カラム)ver2 ','122cws':' 闇の海(2カラム)ver2 ','121mandarin':' マンダリン(2カラム)ver2 ','101default':' デフォルト1ver2 ','104green':' 2ブロックグリーンver2 ','104blue':' 2ブロックブルーver2 ','104red':' 2ブロックレッドver2 ','104purple':' 2ブロックパープルver2 ','105rice':' ライスver2 ','105sea':' 夕焼けの海ver2 ','106red':' シンプル 赤2(2段組)ver2 ','106pink':' シンプル ピンク(2段組)ver2 ','110old':' 新デフォルトver2 ','110old2':' 新デフォルト右メニューver2 ','110aqua':' 水族館(2段組)ver2 ','111dot1':' 水玉緑×橙(2段組)ver2 ','111dot2':' 水玉ピンク×水色(2段組)ver2 ','111dot3':' 水玉ピンク×茶(2段組)ver2 ','112star1':' 水色スター(2段組)ver2 ','112star2':' スター青×赤(2段組)ver2 ','112morning':' 朝焼けカラー(2段組)ver2 ','112heart':' ハート2段組手書き風ver2 ','112baby':' ベイビー(2段組)ver2 ','112coolblue':' クールブルー(2段組)ver2 ','112deep':' DeepPurple(2段組)ver2 ','112darkred':' ダークレッドver2 ','115flash1':' FLASH2段組1ver2 ','114flash2':' FLASH2段組2ver2 ','116olddefault':' 旧デフォルトver2 ','117wb':' 白ベースver2 ','117bw':' 黒ベースver2 ','118headedit':' ヘッドエディットver2 ','119vs':' とてもシンプルver2 ','120reggae':' ラスタカラー(レゲエ)ver2 ','128n':' ノート(3段組)ver2 ','132p2':' オレンジロゴ(3カラム)ver2 ','127a':' 冬のスウェーデン(3カラム)ver2 ','102black':' 新シンプル黒ver2 ','102white':' 新シンプル白ver2 ','102pink':' シンプル白×ピンクver2 ','103kingyo':' 金魚(3カラム)ver2 ','103night':' 夜(3カラム)ver2 ','107oldold':' 旧・シンプル3段組ver2 ','108simple2':' 新・シンプル3段組ver2 '}; var select = $("<select/>").attr({"id":"selectSkin"}); for(var i in skins){ select.append($("<option/>").attr({"id":i,"value":i,"name":i}).text(skins[i]) ); } var defaultDesign = ""; $("link[rel=stylesheet]").each(function(){ if($(this).attr("href").indexOf("atwiki.jp/_skin/base_") >= 0){ $(this).attr("href").match(/base_(\w+).css/); defaultDesign = RegExp.$1; } }); select.find("[value="+defaultDesign+"]").attr("selected","selected"); $("div#selectSkins").prepend(select); $("div#toolbar").css("display","none"); $("select#selectSkin").bind("change load",function(){ var selectedOption = $(this).find(":selected"); if(selectedOption.text().indexOf("1カラム") >= 0 ){ $("div#menubar").css("display","none"); $("div#menubar2").css("display","none"); }else if(selectedOption.text().indexOf("2段組") >= 0 || selectedOption.text().indexOf("2段組") >= 0 || selectedOption.text().indexOf("2ブロック") >=0 || selectedOption.text().indexOf("2カラム") >=0 || selectedOption.text().indexOf("2カラム") >=0 || selectedOption.text().indexOf("アオゾラ") >=0 || selectedOption.text().indexOf("ライス") >=0 || selectedOption.text().indexOf("夕焼けの海") >=0 || selectedOption.text().indexOf("新デフォルト") >=0 || selectedOption.text().indexOf("旧デフォルト") >=0 || selectedOption.text().indexOf("ダークレッド") >=0 || selectedOption.text().indexOf("白ベース") >=0 || selectedOption.text().indexOf("黒ベース") >=0 || selectedOption.text().indexOf("ヘッドエディット") >=0 || selectedOption.text().indexOf("とてもシンプル") >=0 || selectedOption.text().indexOf("レゲエ") >=0 || selectedOption.text().indexOf("hatena") >= 0 ){ $("div#menubar").css("display","block"); $("div#menubar2").css("display","none"); } else { $("div#menubar").css("display","block"); $("div#menubar2").css("display","block"); } $("link[rel=stylesheet]").each(function(){ if($(this).attr("href").indexOf("atwiki.jp/_skin/base_") >= 0){ var cssHref = $(this).attr("href").replace(/base_[0-9|a-z|A-Z]+/,"base_"+selectedOption.attr("id")); cssHref.replace(/¥?v=[0-9]+/,""); $(this).attr("href",cssHref); } }); }); }); </script> }}

表示オプション

横に並べて表示:
変化行の前後のみ表示:
|新しいページ |検索 |ページ一覧 |RSS |@ウィキご利用ガイド |管理者にお問合せ
|ログイン|