パーミッション変更シミュレーションのjavascript変更

開発マニュアルのCSS見直し

git-svn-id: https://svn.sourceforge.jp/svnroot/nucleus-jp/nucleus-jp/trunk/utf8@950 1ca29b6e-896d-4ea0-84a5-967f57386b96

diff --git a/nucleus/documentation/devdocs/plugins.html b/nucleus/documentation/devdocs/plugins.html
index 8d2eee0..d7fc7db 100755 (executable)
--- a/nucleus/documentation/devdocs/plugins.html
+++ b/nucleus/documentation/devdocs/plugins.html
@@ -2507,6 +2507,6 @@ foreach ($couples as $values) {
 <pre class="example"><code></code></pre>\r
 <pre class="example"><code></code></pre>\r
 -->\r
-\r
+</div>\r
 </body>\r
 </html>
\ No newline at end of file

diff --git a/nucleus/documentation/devdocs/styles/manual.css b/nucleus/documentation/devdocs/styles/manual.css
index 0c6acb7..b57aaee 100755 (executable)
--- a/nucleus/documentation/devdocs/styles/manual.css
+++ b/nucleus/documentation/devdocs/styles/manual.css
@@ -18,9 +18,9 @@ body {
 \r
 @media screen {\r
        body {\r
-               margin-left: 10%;\r
+/*             margin-left: 10%;\r
                margin-right: 10%;\r
-       }\r
+*/     }\r
 }\r
 \r
 @media print {\r
@@ -130,7 +130,18 @@ table {
        border-collapse: collapse;\r
        margin: 0 auto;\r
        text-align: center;\r
-       width: 860px;\r
+}\r
+\r
+@media print {\r
+       table {\r
+               width: 860px;\r
+       }\r
+}\r
+\r
+@media screen {\r
+       table {\r
+               width: 85%;\r
+       }\r
 }\r
 \r
 th {\r
@@ -140,8 +151,16 @@ th {
        border:1px solid linen;\r
 }\r
 \r
-th, td {\r
-       padding: 5px 8px;\r
+@media print {\r
+       th, td {\r
+               padding: 5px 8px;\r
+       }\r
+}\r
+\r
+@media screen {\r
+       th, td {\r
+               padding: 5px 0.8%;\r
+       }\r
 }\r
 \r
 td {\r
@@ -169,7 +188,7 @@ tt,
 code,\r
 samp {\r
        font-size: small;\r
-               font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "IPA UIGothic", "IPA mona UIGothic", "VL PGothic", "Sazanami Gothic", "DynaLab-dfghsgothic w5-jisx0208.1990-0", "DynaLab-dfggothic w5-iso8859-1", "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;\r
+       font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "IPA UIGothic", "IPA mona UIGothic", "VL PGothic", "Sazanami Gothic", "DynaLab-dfghsgothic w5-jisx0208.1990-0", "DynaLab-dfggothic w5-iso8859-1", "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;\r
 /*     font-family: "Meiryo", "MS PGothic", "Osaka", "IPA UIGothic", "IPA mona UIGothic", "VL PGothic", "Sazanami Gothic", "DynaLab-dfghsgothic w5-jisx0208.1990-0", "DynaLab-dfggothic w5-iso8859-1", "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;*/\r
 }\r
 \r
@@ -195,15 +214,39 @@ em {
 }\r
 \r
 body div#body > .example {\r
-       width: 860px;\r
+       width: 85%;\r
        margin: 0 auto;\r
 }\r
 \r
+@media print {\r
+       body div#body > .example {\r
+               width: 860px;\r
+       }\r
+}\r
+\r
+@media screen {\r
+       body div#body > .example {\r
+               width: 85%;\r
+       }\r
+}\r
+\r
 body div#body {\r
-       width: 900px;\r
        margin: 0 auto;\r
 }\r
 \r
+@media print {\r
+       body div#body {\r
+               width: 900px;\r
+       }\r
+}\r
+\r
+@media screen {\r
+       body div#body {\r
+               max-width: 900px;\r
+               width: 80%;\r
+       }\r
+}\r
+\r
 ul {\r
        line-height:1.5em;\r
        margin:0 0 0.5em 40px;\r
@@ -212,7 +255,7 @@ ul {
 }\r
 \r
 dl {\r
-       margin:0 0 0.5em 20px;\r
+       margin:0 10% 0.5em 0;\r
        padding:0;\r
 }\r
 \r

diff --git a/nucleus/documentation/tips.html b/nucleus/documentation/tips.html
index eeb1e8f..4cb463c 100755 (executable)
--- a/nucleus/documentation/tips.html
+++ b/nucleus/documentation/tips.html
@@ -34,10 +34,28 @@
     </style>\r
        <script src="http://www.google.com/jsapi"></script>\r
        <script type="text/javascript">\r
-               google.load("jquery", "1");\r
+               google.load("jquery", "1", {uncompressed:true});\r
                google.setOnLoadCallback(function() {\r
                        $.getScript("devdocs/javascript/fontsizeChanger.js");\r
+                       var prm = 0;\r
+                       $("#txtTotal").val("000");\r
+                       $("input[type='checkbox']").click(function() {\r
+                               if ($(this).attr("checked") == true)\r
+                                       prm += parseInt($(this).val());\r
+                               else if (prm >= $(this).val())\r
+                                       prm -= parseInt($(this).val());\r
+                               $("#txtTotal").val(zeroFormat(prm));\r
+                       });\r
                });\r
+               function zeroFormat(num) {\r
+                       if (num < 1)\r
+                               return "000";\r
+                       var ret = String(num);\r
+                       while(ret.length < 3){\r
+                               ret = "0" + num;\r
+                       }\r
+                       return ret;\r
+               }\r
        </script>\r
 </head>\r
 <body>\r
@@ -202,7 +220,7 @@ Windows版では、「FFFTP」というソフトを例に用いて説明させ
 </p>\r
 \r
 <div class="screenshot">\r
-       <img src="pics/screen4.png" width="682" height="379" alt="menu" />\r
+       <img src="pics/screen4.png" width="370" height="257" alt="menu" />\r
 </div>\r
 \r
 <p>\r
@@ -227,84 +245,6 @@ MacOS上で動作する日本語が使えるFTPクライアントでは、「Fet
 または、下記の表にチェックを入れてみて指示されているパーミッション値になるようにテストしてみても良いかと思います。\r
 <!-- (上記のWindows版FTPソフトの設定画面とは縦軸と横軸が逆になっていますので混同しないように。) -->\r
 </p>\r
-<script type="text/javascript">\r
-\r
-//************************************************************\r
-//javascript by ＠うさ http://usagi-js.com/\r
-// mod by しづき\r
-//************************************************************/\r
-var nCurrentValue;\r
-function ResetValue()\r
-{\r
-       nCurrentValue = 0;\r
-}\r
-function CheckValue()\r
-{\r
-       var frm = document.getElementById('frmSample');\r
-       //リセット\r
-       ResetValue()\r
-       //全てをチェック\r
-//     if (document.frmSample.chkValue11.checked)\r
-       if (frm.chkValue11.checked)\r
-       {\r
-//             nCurrentValue = eval(document.frmSample.chkValue11.value);\r
-               nCurrentValue = eval(frm.chkValue11.value);\r
-       }\r
-//     if (document.frmSample.chkValue12.checked)\r
-       if (frm.chkValue12.checked)\r
-       {\r
-//             nCurrentValue += eval(document.frmSample.chkValue12.value);\r
-               nCurrentValue += eval(frm.chkValue12.value);\r
-       }\r
-//     if (document.frmSample.chkValue13.checked)\r
-       if (frm.chkValue13.checked)\r
-       {\r
-//             nCurrentValue += eval(document.frmSample.chkValue13.value);\r
-               nCurrentValue += eval(frm.chkValue13.value);\r
-       }\r
-//     if (document.frmSample.chkValue21.checked)\r
-       if (frm.chkValue21.checked)\r
-       {\r
-//             nCurrentValue += eval(document.frmSample.chkValue21.value);\r
-               nCurrentValue += eval(frm.chkValue21.value);\r
-       }\r
-//     if (document.frmSample.chkValue22.checked)\r
-       if (frm.chkValue22.checked)\r
-       {\r
-//             nCurrentValue += eval(document.frmSample.chkValue22.value);\r
-               nCurrentValue += eval(frm.chkValue22.value);\r
-       }\r
-//     if (document.frmSample.chkValue23.checked)\r
-       if (frm.chkValue23.checked)\r
-       {\r
-//             nCurrentValue += eval(document.frmSample.chkValue23.value);\r
-               nCurrentValue += eval(frm.chkValue23.value);\r
-       }\r
-//     if (document.frmSample.chkValue31.checked)\r
-       if (frm.chkValue31.checked)\r
-       {\r
-//             nCurrentValue += eval(document.frmSample.chkValue31.value);\r
-               nCurrentValue += eval(frm.chkValue31.value);\r
-       }\r
-//     if (document.frmSample.chkValue32.checked)\r
-       if (frm.chkValue32.checked)\r
-       {\r
-//             nCurrentValue += eval(document.frmSample.chkValue32.value);\r
-               nCurrentValue += eval(frm.chkValue32.value);\r
-       }\r
-//     if (document.frmSample.chkValue33.checked)\r
-       if (frm.chkValue33.checked)\r
-       {\r
-//             nCurrentValue += eval(document.frmSample.chkValue33.value);\r
-               nCurrentValue += eval(frm.chkValue33.value);\r
-       }\r
-       //表示\r
-//     document.frmSample.txtTotal.value=nCurrentValue;\r
-       frm.txtTotal.value=nCurrentValue;\r
-}\r
-\r
-</script>\r
-\r
 <form id="frmSample" action="#">\r
 <table style="margin:auto;text-align:center;" summary="パーミッション設定"><tr>\r
 <td> </td>\r
@@ -314,26 +254,26 @@ function CheckValue()
 </tr>\r
 <tr>\r
 <td>読む</td>\r
-<td><input type="checkbox" name="chkValue11" value="400" onkeypress="CheckValue()" onclick="CheckValue()" tabindex="10001" /></td>\r
-<td><input type="checkbox" name="chkValue21" value="40" onkeypress="CheckValue()" onclick="CheckValue()" tabindex="10004" /></td>\r
-<td><input type="checkbox" name="chkValue31" value="4" onkeypress="CheckValue()" onclick="CheckValue()" tabindex="10007" /></td>\r
+<td><input type="checkbox" id="chkValue11" name="chkValue11" value="400" tabindex="10001" /></td>\r
+<td><input type="checkbox" id="chkValue21" name="chkValue21" value="40" tabindex="10004" /></td>\r
+<td><input type="checkbox" id="chkValue31" name="chkValue31" value="4" tabindex="10007" /></td>\r
 </tr>\r
 <tr>\r
 <td>書込</td>\r
-<td><input type="checkbox" name="chkValue12" value="200" onkeypress="CheckValue()" onclick="CheckValue()" tabindex="10002" /></td>\r
-<td><input type="checkbox" name="chkValue22" value="20" onkeypress="CheckValue()" onclick="CheckValue()" tabindex="10005" /></td>\r
-<td><input type="checkbox" name="chkValue32" value="2" onkeypress="CheckValue()" onclick="CheckValue()" tabindex="10008" /></td>\r
+<td><input type="checkbox" id="chkValue12" name="chkValue12" value="200" tabindex="10002" /></td>\r
+<td><input type="checkbox" id="chkValue22" name="chkValue22" value="20" tabindex="10005" /></td>\r
+<td><input type="checkbox" id="chkValue32" name="chkValue32" value="2" tabindex="10008" /></td>\r
 </tr>\r
 <tr>\r
 <td>検索/実行</td>\r
-<td><input type="checkbox" name="chkValue13" value="100" onkeypress="CheckValue()" onclick="CheckValue()" tabindex="10003" /></td>\r
-<td><input type="checkbox" name="chkValue23" value="10" onkeypress="CheckValue()" onclick="CheckValue()" tabindex="10006" /></td>\r
-<td><input type="checkbox" name="chkValue33" value="1" onkeypress="CheckValue()" onclick="CheckValue()" tabindex="10009" /></td>\r
+<td><input type="checkbox" id="chkValue13" name="chkValue13" value="100" tabindex="10003" /></td>\r
+<td><input type="checkbox" id="chkValue23" name="chkValue23" value="10" tabindex="10006" /></td>\r
+<td><input type="checkbox" id="chkValue33" name="chkValue33" value="1" tabindex="10009" /></td>\r
 </tr>\r
 <tr>\r
 <td colspan="4" style="text-align:center;">\r
 パーミッション値(直接入力はできません)<br />\r
-<input type="text" name="txtTotal" readonly="readonly" value=""  tabindex="10010" />\r
+<input type="text" id="txtTotal" name="txtTotal" readonly="readonly" value=""  tabindex="10010" />\r
 \r
 </td>\r
 </tr></table>\r
@@ -491,8 +431,10 @@ selector();
 &lt;!-- page content --&gt;\r
 &lt;div id="container"&gt;\r
 &lt;div class="content"&gt;\r
-ここはハイキング好きの仲間たちのサイトです。私たちは、アメリカ、カナダ、ヨーロッパで、合計4000マイルを越えるハイキングをしてきました。\r
-このサイトを通じて、皆さんと経験を共有したいと思います。私たちはハイキングが、誰もノ楽しみの一つであると信じています。\r
+ここはハイキング好きの仲間たちのサイトです。\r
+私たちは、アメリカ、カナダ、ヨーロッパで、合計4000マイルを越えるハイキングをしてきました。\r
+このサイトを通じて、皆さんと経験を共有したいと思います。\r
+私たちはハイキングが、誰もの楽しみの一つであると信じています。\r
 &lt;br /&gt;&lt;br /&gt;\r
 コミュニティに参加したい人は -&gt; をクリック: (...アカウント発行ページへのリンク...)\r
 &lt;br /&gt;&lt;br /&gt;\r