\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
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
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
code,\r
samp {\r
font-size: small;\r
- font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "MS Pゴシック", "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 Pゴシック", "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
}\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
}\r
\r
dl {\r
- margin:0 0 0.5em 20px;\r
+ margin:0 10% 0.5em 0;\r
padding:0;\r
}\r
\r
</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
</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
または、下記の表にチェックを入れてみて指示されているパーミッション値になるようにテストしてみても良いかと思います。\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
</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
<!-- page content -->\r
<div id="container">\r
<div class="content">\r
-ここはハイキング好きの仲間たちのサイトです。私たちは、アメリカ、カナダ、ヨーロッパで、合計4000マイルを越えるハイキングをしてきました。\r
-このサイトを通じて、皆さんと経験を共有したいと思います。私たちはハイキングが、誰もノ楽しみの一つであると信じています。\r
+ここはハイキング好きの仲間たちのサイトです。\r
+私たちは、アメリカ、カナダ、ヨーロッパで、合計4000マイルを越えるハイキングをしてきました。\r
+このサイトを通じて、皆さんと経験を共有したいと思います。\r
+私たちはハイキングが、誰もの楽しみの一つであると信じています。\r
<br /><br />\r
コミュニティに参加したい人は -> をクリック: (...アカウント発行ページへのリンク...)\r
<br /><br />\r