ドキュメントのhtmlの文字サイズを可変にした

[nucleus-jp/nucleus-jp-ancient.git] / utf8 / nucleus / documentation / tips.html
diff --git a/utf8/nucleus/documentation/tips.html b/utf8/nucleus/documentation/tips.html

index 87edea3..eeb1e8f 100755 (executable)
--- a/utf8/nucleus/documentation/tips.html
+++ b/utf8/nucleus/documentation/tips.html
@@ -32,43 +32,21 @@
              font-style: italic;\r
          }\r
      </style>\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
  Tips &amp; Suggestions\r
  </div>\r
@@ -541,6 +519,6 @@ selector();
  <p><strong>注意:</strong>もし、既に用意してある<code>About.html</code>を使いたい時は、ファイルを<code>skins/default/</code>ディレクトリ(デフォルトスキン使用時)に置き、スキンパーツに<code>&lt;%include(About.html)%&gt;</code>と書くだけで、その内容を取り込むことができます。そしてその内容はほぼ無制限です。</p>\r
  \r
  <p>(<a href="http://www.iai.com/">ftruscot</a>より)</p>\r
-\r
+</div>\r
  </body>\r
  </html>\r