OSDN Git Service

ドキュメントのhtmlの文字サイズを可変にした
[nucleus-jp/nucleus-jp-ancient.git] / utf8 / nucleus / documentation / skins.html
index 7517934..daec6af 100755 (executable)
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />\r
        <title>Nucleus - スキンとテンプレートについて</title>\r
        <link rel="stylesheet" type="text/css" href="styles/manual.css" />\r
+       <script src="http://www.google.com/jsapi"></script>\r
        <script type="text/javascript">\r
-               function fontSizeChange(size) {\r
-                       var elem = document.getElementsByTagName('body')[0];\r
-                       var flrg = document.getElementById('fontLarge');\r
-                       var fmdl = document.getElementById('fontMiddle');\r
-                       var fsml = document.getElementById('fontSmall');\r
-                       switch(size) {\r
-                               case 'l':\r
-                                       elem.style.fontSize = 'large';\r
-                                       flrg.style.fontWeight = 'bold';\r
-                                       fmdl.style.fontWeight = 'normal';\r
-                                       fsml.style.fontWeight = 'normal';\r
-                                       break;\r
-                               case 'm':\r
-                                       elem.style.fontSize = 'medium';\r
-                                       flrg.style.fontWeight = 'normal';\r
-                                       fmdl.style.fontWeight = 'bold';\r
-                                       fsml.style.fontWeight = 'normal';\r
-                                       break;\r
-                               case 's':\r
-                                       elem.style.fontSize = 'small';\r
-                                       flrg.style.fontWeight = 'normal';\r
-                                       fmdl.style.fontWeight = 'normal';\r
-                                       fsml.style.fontWeight = 'bold';\r
-                                       break;\r
-                       }\r
-                       \r
-               }\r
+               google.load("jquery", "1");\r
+               google.setOnLoadCallback(function() {\r
+                       $.getScript("devdocs/javascript/fontsizeChanger.js");\r
+               });\r
        </script>\r
 </head>\r
 <body>\r
-<div id="fontSizeCanger">\r
-<a href="#top" onClick="fontSizeChange('s');return false;" id="fontSmall">小</a>\r
-<a href="#top" onClick="fontSizeChange('m');return false;" id="fontMiddle">中</a>\r
-<a href="#top" onClick="fontSizeChange('l');return false;" id="fontLarge">大</a>\r
-</div>\r
-\r
+       <div id="fontSizeChanger">\r
+       <a href="#top" id="f_small">小</a>\r
+       <a href="#top" id="f_medium">中</a>\r
+       <a href="#top" id="f_large">大</a>\r
+       </div>\r
+<div id="body">\r
 <div class="heading">\r
 スキン &amp; テンプレート\r
 </div>\r
@@ -584,6 +562,6 @@ http://example.org/skins/vista/</code></pre>
        <li>表示される説明に従います。(すでに同じ名前のスキン/テンプレートが存在する場合はその旨の警告が出ますので、上書きしたい場合は「既に存在するスキンを上書きする (ぶつかるスキン名を参照) 」のチェックを入れてから読み込むボタンを押せば上書きされます。)</li>\r
        <li>これでスキンの読込みは完了です。ページ表示に使用したい場合はblog設定でこのスキン名を選択すれば適用されます。</li>\r
 </ol>\r
-\r
+</div>\r
 </body>\r
 </html>
\ No newline at end of file