「javascript/基本スタイルシート切り替え」の編集履歴（バックアップ）一覧に戻る

javascript/基本スタイルシート切り替え - (2013/02/17 (日) 23:26:50) のソース

***スタイルシートの選択
#divid(selectSkins){}
#js(){{
  <script type="text/javascript">
    $(function(){
      var skins = {'123sundark':' 闇の太陽(１カラム)ver2	 ','134an3':' アオゾラver2 ','137flower':' スウェーデンの花（２段組）ver2	 ','152n':' ノート（2段組）ver2 ','141hatena':' hatena (α版)ver2	 ','131p2':' オレンジロゴ（２カラム）ver2 ','129m':' ウィキペディア風（2カラム）ver2	 ','124sb':' シンプルビューティ（２カラム）ver2	 ','125zilla':' シンプル黒×オレンジ(２カラム)ver2	 ','122cws':' 闇の海(２カラム)ver2	 ','121mandarin':' マンダリン(２カラム)ver2	 ','101default':' デフォルト１ver2	 ','104green':' 2ブロックグリーンver2	 ','104blue':' 2ブロックブルーver2	 ','104red':' 2ブロックレッドver2	 ','104purple':' 2ブロックパープルver2	 ','105rice':' ライスver2	 ','105sea':' 夕焼けの海ver2	 ','106red':' シンプル 赤2（２段組)ver2	 ','106pink':' シンプル ピンク（２段組)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':' オレンジロゴ（３カラム）ver2	 ','127a':' 冬のスウェーデン(3カラム)ver2	 ','102black':' 新シンプル黒ver2	 ','102white':' 新シンプル白ver2 ','102pink':' シンプル白×ピンクver2	 ','103kingyo':' 金魚(３カラム)ver2 ','103night':' 夜(３カラム)ver2	 ','107oldold':' 旧・シンプル３段組ver2 ','108simple2':' 新・シンプル３段組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]) );
      }
      $("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("２段組") >= 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("レゲエ")  >=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>
}}