Option.html 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html oncontextmenu="return false" onmousewheel="return !event.shiftKey" onselectstart="return false" ondragover="return false">
  3. <head>
  4. <title>CrystalDiskInfo</title>
  5. <style type="text/css">
  6. body
  7. {
  8. font-size: 14px;
  9. text-align: center;
  10. color: #000000;
  11. background: #ffffff;
  12. background-image: url("./image/background.png");
  13. font-family: "メイリオ", Meiryo, Tahoma;
  14. line-height: 1.3;
  15. }
  16. p
  17. {
  18. margin: 5px;
  19. }
  20. th
  21. {
  22. font-size: 14px;
  23. background-image: url("./image/labelUnsupported.png");
  24. background-position: center bottom;
  25. background-repeat: no-repeat;
  26. height: 24px;
  27. }
  28. a:link
  29. {
  30. text-decoration: none;
  31. color: #3333ff;
  32. }
  33. a:visited
  34. {
  35. text-decoration: none;
  36. color: #6666ff;
  37. }
  38. div.color
  39. {
  40. display: block;
  41. border: #cccccc 3px double;
  42. background-color: #eeeeee;
  43. width : 16px;
  44. height: 16px;
  45. }
  46. div.valueC
  47. {
  48. display: block;
  49. text-align: center;
  50. border-left: #cccccc 1px solid;
  51. border-top: #f0f0f0 1px solid;
  52. border-bottom: #dddddd 1px solid;
  53. border-right: #f0f0f0 1px solid;
  54. padding-left: 2px;
  55. padding-right: 2px;
  56. padding-top: 1px;
  57. padding-bottom: 0px;
  58. color: #111111;
  59. font-family: monospace;
  60. height: 18px;
  61. overflow: hidden;
  62. text-overflow: ellipsis;
  63. }
  64. div.valueL
  65. {
  66. display: block;
  67. text-align: left;
  68. border-left: #cccccc 1px solid;
  69. border-top: #f0f0f0 1px solid;
  70. border-bottom: #dddddd 1px solid;
  71. border-right: #f0f0f0 1px solid;
  72. padding-left: 2px;
  73. padding-right: 2px;
  74. padding-top: 1px;
  75. padding-bottom: 0px;
  76. color: #111111;
  77. font-family: "メイリオ", Meiryo, Tahoma;
  78. height: 18px;
  79. overflow: hidden;
  80. text-overflow: ellipsis;
  81. line-height: 1.2;
  82. width: 404px;
  83. }
  84. a.buttonEnable
  85. {
  86. color : #000000;
  87. width : 120px;
  88. height: 20px;
  89. font-size: 14px;
  90. padding-top: 4px;
  91. display: block;
  92. text-align: center;
  93. text-decoration: none;
  94. background-image: url(image/buttonEnable.png);
  95. }
  96. a:hover.buttonEnable
  97. {
  98. background-image: url(image/buttonHover.png);
  99. }
  100. </style>
  101. <script id="source" language="javascript" type="text/javascript">
  102. function changeBackgroundColor(x)
  103. {
  104. var arg = x.split(", ");
  105. var id = "Color" + arg[0];
  106. var color = arg[1];
  107. var obj = document.getElementById(id);
  108. if(obj)
  109. {
  110. obj.style.backgroundColor = color;
  111. }
  112. }
  113. function changeBackgroundImage(x)
  114. {
  115. document.body.style.backgroundImage = x;
  116. }
  117. </script>
  118. </head>
  119. <body oncontextmenu="return false" onmousewheel="return !event.shiftKey" onselectstart="return false" ondragover="return false">
  120. <table width="416" border="0">
  121. <tr>
  122. <th colspan="12" id="LabelLineColor">&nbsp;</th>
  123. </tr>
  124. <tr>
  125. <td width="16"><div align="center">1</div></td>
  126. <td width="20"><div id="Color0" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select0"></a></div></td>
  127. <td width="68"><div id="ColorCode0" class="valueC"></div></td>
  128. <td width="16"><div align="center">17</div></td>
  129. <td width="20"><div id="Color16" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select17"></a></div></td>
  130. <td width="68"><div id="ColorCode16" class="valueC"></div></td>
  131. <td width="16"><div align="center">33</div></td>
  132. <td width="20"><div id="Color32" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select33"></a></div></td>
  133. <td width="68"><div id="ColorCode32" class="valueC"></div></td>
  134. <td width="16"><div align="center">49</div></td>
  135. <td width="20"><div id="Color48" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select49"></a></div></td>
  136. <td width="68"><div id="ColorCode48" class="valueC"></div></td>
  137. </tr>
  138. <tr>
  139. <td><div align="center">2</div></td>
  140. <td><div id="Color1" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select1"></a></div></td>
  141. <td><div id="ColorCode1" class="valueC"></div></td>
  142. <td><div align="center">18</div></td>
  143. <td><div id="Color17" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select17"></a></div></td>
  144. <td><div id="ColorCode17" class="valueC"></div></td>
  145. <td><div align="center">34</div></td>
  146. <td><div id="Color33" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select33"></a></div></td>
  147. <td><div id="ColorCode33" class="valueC"></div></td>
  148. <td><div align="center">50</div></td>
  149. <td><div id="Color49" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select49"></a></div></td>
  150. <td><div id="ColorCode49" class="valueC"></div></td>
  151. </tr>
  152. <tr>
  153. <td><div align="center">3</div></td>
  154. <td><div id="Color2" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select2"></a></div></td>
  155. <td><div id="ColorCode2" class="valueC"></div></td>
  156. <td><div align="center">19</div></td>
  157. <td><div id="Color18" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select18"></a></div></td>
  158. <td><div id="ColorCode18" class="valueC"></div></td>
  159. <td><div align="center">35</div></td>
  160. <td><div id="Color34" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select34"></a></div></td>
  161. <td><div id="ColorCode34" class="valueC"></div></td>
  162. <td><div align="center">51</div></td>
  163. <td><div id="Color50" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select50"></a></div></td>
  164. <td><div id="ColorCode50" class="valueC"></div></td>
  165. </tr>
  166. <tr>
  167. <td><div align="center">4</div></td>
  168. <td><div id="Color3" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select3"></a></div></td>
  169. <td><div id="ColorCode3" class="valueC"></div></td>
  170. <td><div align="center">20</div></td>
  171. <td><div id="Color19" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select19"></a></div></td>
  172. <td><div id="ColorCode19" class="valueC"></div></td>
  173. <td><div align="center">36</div></td>
  174. <td><div id="Color35" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select35"></a></div></td>
  175. <td><div id="ColorCode35" class="valueC"></div></td>
  176. <td><div align="center">52</div></td>
  177. <td><div id="Color51" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select51"></a></div></td>
  178. <td><div id="ColorCode51" class="valueC"></div></td>
  179. </tr>
  180. <tr>
  181. <td><div align="center">5</div></td>
  182. <td><div id="Color4" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select4"></a></div></td>
  183. <td><div id="ColorCode4" class="valueC"></div></td>
  184. <td><div align="center">21</div></td>
  185. <td><div id="Color20" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select20"></a></div></td>
  186. <td><div id="ColorCode20" class="valueC"></div></td>
  187. <td><div align="center">37</div></td>
  188. <td><div id="Color36" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select36"></a></div></td>
  189. <td><div id="ColorCode36" class="valueC"></div></td>
  190. <td><div align="center">53</div></td>
  191. <td><div id="Color52" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select52"></a></div></td>
  192. <td><div id="ColorCode52" class="valueC"></div></td>
  193. </tr>
  194. <tr>
  195. <td><div align="center">6</div></td>
  196. <td><div id="Color5" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select5"></a></div></td>
  197. <td><div id="ColorCode5" class="valueC"></div></td>
  198. <td><div align="center">22</div></td>
  199. <td><div id="Color21" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select21"></a></div></td>
  200. <td><div id="ColorCode21" class="valueC"></div></td>
  201. <td><div align="center">38</div></td>
  202. <td><div id="Color37" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select37"></a></div></td>
  203. <td><div id="ColorCode37" class="valueC"></div></td>
  204. <td><div align="center">54</div></td>
  205. <td><div id="Color53" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select53"></a></div></td>
  206. <td><div id="ColorCode53" class="valueC"></div></td>
  207. </tr>
  208. <tr>
  209. <td><div align="center">7</div></td>
  210. <td><div id="Color6" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select6"></a></div></td>
  211. <td><div id="ColorCode6" class="valueC"></div></td>
  212. <td><div align="center">23</div></td>
  213. <td><div id="Color22" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select22"></a></div></td>
  214. <td><div id="ColorCode22" class="valueC"></div></td>
  215. <td><div align="center">39</div></td>
  216. <td><div id="Color38" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select38"></a></div></td>
  217. <td><div id="ColorCode38" class="valueC"></div></td>
  218. <td><div align="center">55</div></td>
  219. <td><div id="Color54" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select54"></a></div></td>
  220. <td><div id="ColorCode54" class="valueC"></div></td>
  221. </tr>
  222. <tr>
  223. <td><div align="center">8</div></td>
  224. <td><div id="Color7" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select7"></a></div></td>
  225. <td><div id="ColorCode7" class="valueC"></div></td>
  226. <td><div align="center">24</div></td>
  227. <td><div id="Color23" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select23"></a></div></td>
  228. <td><div id="ColorCode23" class="valueC"></div></td>
  229. <td><div align="center">40</div></td>
  230. <td><div id="Color39" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select39"></a></div></td>
  231. <td><div id="ColorCode39" class="valueC"></div></td>
  232. <td><div align="center">56</div></td>
  233. <td><div id="Color55" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select55"></a></div></td>
  234. <td><div id="ColorCode55" class="valueC"></div></td>
  235. </tr>
  236. <tr>
  237. <td><div align="center">9</div></td>
  238. <td><div id="Color8" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select8"></a></div></td>
  239. <td><div id="ColorCode8" class="valueC"></div></td>
  240. <td><div align="center">25</div></td>
  241. <td><div id="Color24" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select24"></a></div></td>
  242. <td><div id="ColorCode24" class="valueC"></div></td>
  243. <td><div align="center">41</div></td>
  244. <td><div id="Color40" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select40"></a></div></td>
  245. <td><div id="ColorCode40" class="valueC"></div></td>
  246. <td><div align="center">57</div></td>
  247. <td><div id="Color56" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select56"></a></div></td>
  248. <td><div id="ColorCode56" class="valueC"></div></td>
  249. </tr>
  250. <tr>
  251. <td><div align="center">10</div></td>
  252. <td><div id="Color9" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select9"></a></div></td>
  253. <td><div id="ColorCode9" class="valueC"></div></td>
  254. <td><div align="center">26</div></td>
  255. <td><div id="Color25" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select25"></a></div></td>
  256. <td><div id="ColorCode25" class="valueC"></div></td>
  257. <td><div align="center">42</div></td>
  258. <td><div id="Color41" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select41"></a></div></td>
  259. <td><div id="ColorCode41" class="valueC"></div></td>
  260. <td><div align="center">58</div></td>
  261. <td><div id="Color57" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select57"></a></div></td>
  262. <td><div id="ColorCode57" class="valueC"></div></td>
  263. </tr>
  264. <tr>
  265. <td><div align="center">11</div></td>
  266. <td><div id="Color10" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select10"></a></div></td>
  267. <td><div id="ColorCode10" class="valueC"></div></td>
  268. <td><div align="center">27</div></td>
  269. <td><div id="Color26" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select26"></a></div></td>
  270. <td><div id="ColorCode26" class="valueC"></div></td>
  271. <td><div align="center">43</div></td>
  272. <td><div id="Color42" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select42"></a></div></td>
  273. <td><div id="ColorCode42" class="valueC"></div></td>
  274. <td><div align="center">59</div></td>
  275. <td><div id="Color58" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select58"></a></div></td>
  276. <td><div id="ColorCode58" class="valueC"></div></td>
  277. </tr>
  278. <tr>
  279. <td><div align="center">12</div></td>
  280. <td><div id="Color11" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select11"></a></div></td>
  281. <td><div id="ColorCode11" class="valueC"></div></td>
  282. <td><div align="center">28</div></td>
  283. <td><div id="Color27" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select27"></a></div></td>
  284. <td><div id="ColorCode27" class="valueC"></div></td>
  285. <td><div align="center">44</div></td>
  286. <td><div id="Color43" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select43"></a></div></td>
  287. <td><div id="ColorCode43" class="valueC"></div></td>
  288. <td><div align="center">60</div></td>
  289. <td><div id="Color59" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select59"></a></div></td>
  290. <td><div id="ColorCode59" class="valueC"></div></td>
  291. </tr>
  292. <tr>
  293. <td><div align="center">13</div></td>
  294. <td><div id="Color12" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select12"></a></div></td>
  295. <td><div id="ColorCode12" class="valueC"></div></td>
  296. <td><div align="center">29</div></td>
  297. <td><div id="Color28" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select28"></a></div></td>
  298. <td><div id="ColorCode28" class="valueC"></div></td>
  299. <td><div align="center">45</div></td>
  300. <td><div id="Color44" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select44"></a></div></td>
  301. <td><div id="ColorCode44" class="valueC"></div></td>
  302. <td><div align="center">61</div></td>
  303. <td><div id="Color60" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select60"></a></div></td>
  304. <td><div id="ColorCode60" class="valueC"></div></td>
  305. </tr>
  306. <tr>
  307. <td><div align="center">14</div></td>
  308. <td><div id="Color13" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select13"></a></div></td>
  309. <td><div id="ColorCode13" class="valueC"></div></td>
  310. <td><div align="center">30</div></td>
  311. <td><div id="Color29" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select29"></a></div></td>
  312. <td><div id="ColorCode29" class="valueC"></div></td>
  313. <td><div align="center">46</div></td>
  314. <td><div id="Color45" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select45"></a></div></td>
  315. <td><div id="ColorCode45" class="valueC"></div></td>
  316. <td><div align="center">62</div></td>
  317. <td><div id="Color61" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select61"></a></div></td>
  318. <td><div id="ColorCode61" class="valueC"></div></td>
  319. </tr>
  320. <tr>
  321. <td><div align="center">15</div></td>
  322. <td><div id="Color14" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select14"></a></div></td>
  323. <td><div id="ColorCode14" class="valueC"></div></td>
  324. <td><div align="center">31</div></td>
  325. <td><div id="Color30" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select30"></a></div></td>
  326. <td><div id="ColorCode30" class="valueC"></div></td>
  327. <td><div align="center">47</div></td>
  328. <td><div id="Color46" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select46"></a></div></td>
  329. <td><div id="ColorCode46" class="valueC"></div></td>
  330. <td><div align="center">63</div></td>
  331. <td><div id="Color62" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select62"></a></div></td>
  332. <td><div id="ColorCode62" class="valueC"></div></td>
  333. </tr>
  334. <tr>
  335. <td><div align="center">16</div></td>
  336. <td><div id="Color15" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select15"></a></div></td>
  337. <td><div id="ColorCode15" class="valueC"></div></td>
  338. <td><div align="center">32</div></td>
  339. <td><div id="Color31" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select31"></a></div></td>
  340. <td><div id="ColorCode31" class="valueC"></div></td>
  341. <td><div align="center">48</div></td>
  342. <td><div id="Color47" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select47"></a></div></td>
  343. <td><div id="ColorCode47" class="valueC"></div></td>
  344. <td><div align="center">64</div></td>
  345. <td><div id="Color63" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select63"></a></div></td>
  346. <td><div id="ColorCode63" class="valueC"></div></td>
  347. </tr>
  348. </table>
  349. <table border="0">
  350. <tr>
  351. <td width="108"><div id="LabelThreshold" align="right">Threshold</div></td>
  352. <td width="20"><div id="Color128" class="color"><a href="#"><img src="image/blank.png" border="0" id="Select128"></a></div></td>
  353. <td width="68"><div id="ColorCode128" class="valueC"></div></td>
  354. <td width="204"><a href="#" id="Reset" class="buttonEnable">Reset</a></td>
  355. </tr>
  356. </table>
  357. <hr width="450">
  358. <table width="450" border="0">
  359. <tr>
  360. <th colspan="3" id="LabelBkImage">&nbsp;</th>
  361. </tr>
  362. <tr>
  363. <td width="404"><div id="BkImage" class="valueL"></td>
  364. <td width="16"><a href="#"><img src="image/file.png" border="0" id="SelectBkImage"></a></td>
  365. <td width="16"><a href="#"><img src="image/nofile.png" border="0" id="NoBkImage"></a></td>
  366. </tr>
  367. </table>
  368. <div id="complete"></div>
  369. </body>
  370. </html>