ASCII 输入模板 By shawl.qiu

ASCII 输入模板 By shawl.qiu


说明:
这是 sqEditor 编辑器中的一部分, 目的是输入某些无法直接输入的字符, 也可
查看这些字符的 Ascii 码.

不过发现鄙人比较好色...和有条理点.
ASCII 是 16*16 =256 个字符, 这个模板就使用 16行*16个字符有条理的排版啰.

生成代码的时候使用服务端 JScript 生成, 顺便把这个也放在本文里, 方便更改.

目录:
1. ASCII 输入模板源代码
2. JScript 生成代码

shawl.qiu
2006-10-29
http://blog.csdn.net/btbtd

1. ASCII 输入模板源代码
  
  
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  3. <title>shawl.qiu template</title>
  4. <style type="text/css">
  5. /* <![CDATA[ */
  6. .fLeft{
  7. display:block;
  8. width:30px;
  9. text-align:center;
  10. vertical-align:middle;
  11. padding:5px 0px;
  12. height:20px;
  13. float:left;
  14. }
  15. .cDc{ background-color:#E2E0D8;}
  16. .cLc{background-color:#F2F2F2;}
  17. .show{
  18. width:100%;
  19. text-align:center;
  20. display:table;
  21. padding:20px 0px;
  22. }
  23. /* ]]> */
  24. </style>
  25. <script type="text/javascript">
  26. //<![CDATA[
  27. οnlοad=function(){
  28. var o=document.getElementsByTagName('span');
  29. for(var i=0; i<o.length; i++){
  30. o[i].οnmοusemοve=function(){
  31. fShowCur(this);
  32. }
  33. if(opener){
  34. o[i].οnclick=function(){
  35. opener.sqEditor.markup(this.innerHTML, 2, 'ascii')
  36. }
  37. }
  38. }
  39. }
  40. function fShowCur(obj){
  41. var char=document.getElementById('char');
  42. var code=document.getElementById('code');
  43. char.innerHTML=obj.innerHTML;
  44. code.innerText=obj.innerText.charCodeAt();
  45. }
  46. //]]>
  47. </script>
  48. <div style="width:600px; ">
  49. <div style="float:right; width:18%;">
  50. <button οnclick="opener=null;self.close();">close me</button><p />
  51. <div class="show " style="background-color:#FFFFCC " id="char">char </div>
  52. <div class="show" id="code" style="background-color:#66FFCC; ">code</div>
  53. </div>
  54. <div style=" border:1px dashed blue; width:81%; float:left;">
  55. <span class="fLeft cDc" >&#0;</span>
  56. <span class="fLeft cLc" >&#1;</span>
  57. <span class="fLeft cDc" >&#2;</span>
  58. <span class="fLeft cLc" >&#3;</span>
  59. <span class="fLeft cDc" >&#4;</span>
  60. <span class="fLeft cLc" >&#5;</span>
  61. <span class="fLeft cDc" >&#6;</span>
  62. <span class="fLeft cLc" >&#7;</span>
  63. <span class="fLeft cDc" >&#8;</span>
  64. <span class="fLeft cLc" >&#9;</span>
  65. <span class="fLeft cDc" >&#10;</span>
  66. <span class="fLeft cLc" >&#11;</span>
  67. <span class="fLeft cDc" >&#12;</span>
  68. <span class="fLeft cLc" >&#13;</span>
  69. <span class="fLeft cDc" >&#14;</span>
  70. <span class="fLeft cLc" >&#15;</span>
  71. <br clear="both"/><span class="fLeft cLc" >&#16;</span>
  72. <span class="fLeft cDc" >&#17;</span>
  73. <span class="fLeft cLc" >&#18;</span>
  74. <span class="fLeft cDc" >&#19;</span>
  75. <span class="fLeft cLc" >&#20;</span>
  76. <span class="fLeft cDc" >&#21;</span>
  77. <span class="fLeft cLc" >&#22;</span>
  78. <span class="fLeft cDc" >&#23;</span>
  79. <span class="fLeft cLc" >&#24;</span>
  80. <span class="fLeft cDc" >&#25;</span>
  81. <span class="fLeft cLc" >&#26;</span>
  82. <span class="fLeft cDc" >&#27;</span>
  83. <span class="fLeft cLc" >&#28;</span>
  84. <span class="fLeft cDc" >&#29;</span>
  85. <span class="fLeft cLc" >&#30;</span>
  86. <span class="fLeft cDc" >&#31;</span>
  87. <br clear="both"/><span class="fLeft cDc" >&#32;</span>
  88. <span class="fLeft cLc" >&#33;</span>
  89. <span class="fLeft cDc" >&#34;</span>
  90. <span class="fLeft cLc" >&#35;</span>
  91. <span class="fLeft cDc" >&#36;</span>
  92. <span class="fLeft cLc" >&#37;</span>
  93. <span class="fLeft cDc" >&#38;</span>
  94. <span class="fLeft cLc" >&#39;</span>
  95. <span class="fLeft cDc" >&#40;</span>
  96. <span class="fLeft cLc" >&#41;</span>
  97. <span class="fLeft cDc" >&#42;</span>
  98. <span class="fLeft cLc" >&#43;</span>
  99. <span class="fLeft cDc" >&#44;</span>
  100. <span class="fLeft cLc" >&#45;</span>
  101. <span class="fLeft cDc" >&#46;</span>
  102. <span class="fLeft cLc" >&#47;</span>
  103. <br clear="both"/><span class="fLeft cLc" >&#48;</span>
  104. <span class="fLeft cDc" >&#49;</span>
  105. <span class="fLeft cLc" >&#50;</span>
  106. <span class="fLeft cDc" >&#51;</span>
  107. <span class="fLeft cLc" >&#52;</span>
  108. <span class="fLeft cDc" >&#53;</span>
  109. <span class="fLeft cLc" >&#54;</span>
  110. <span class="fLeft cDc" >&#55;</span>
  111. <span class="fLeft cLc" >&#56;</span>
  112. <span class="fLeft cDc" >&#57;</span>
  113. <span class="fLeft cLc" >&#58;</span>
  114. <span class="fLeft cDc" >&#59;</span>
  115. <span class="fLeft cLc" >&#60;</span>
  116. <span class="fLeft cDc" >&#61;</span>
  117. <span class="fLeft cLc" >&#62;</span>
  118. <span class="fLeft cDc" >&#63;</span>
  119. <br clear="both"/><span class="fLeft cDc" >&#64;</span>
  120. <span class="fLeft cLc" >&#65;</span>
  121. <span class="fLeft cDc" >&#66;</span>
  122. <span class="fLeft cLc" >&#67;</span>
  123. <span class="fLeft cDc" >&#68;</span>
  124. <span class="fLeft cLc" >&#69;</span>
  125. <span class="fLeft cDc" >&#70;</span>
  126. <span class="fLeft cLc" >&#71;</span>
  127. <span class="fLeft cDc" >&#72;</span>
  128. <span class="fLeft cLc" >&#73;</span>
  129. <span class="fLeft cDc" >&#74;</span>
  130. <span class="fLeft cLc" >&#75;</span>
  131. <span class="fLeft cDc" >&#76;</span>
  132. <span class="fLeft cLc" >&#77;</span>
  133. <span class="fLeft cDc" >&#78;</span>
  134. <span class="fLeft cLc" >&#79;</span>
  135. <br clear="both"/><span class="fLeft cLc" >&#80;</span>
  136. <span class="fLeft cDc" >&#81;</span>
  137. <span class="fLeft cLc" >&#82;</span>
  138. <span class="fLeft cDc" >&#83;</span>
  139. <span class="fLeft cLc" >&#84;</span>
  140. <span class="fLeft cDc" >&#85;</span>
  141. <span class="fLeft cLc" >&#86;</span>
  142. <span class="fLeft cDc" >&#87;</span>
  143. <span class="fLeft cLc" >&#88;</span>
  144. <span class="fLeft cDc" >&#89;</span>
  145. <span class="fLeft cLc" >&#90;</span>
  146. <span class="fLeft cDc" >&#91;</span>
  147. <span class="fLeft cLc" >&#92;</span>
  148. <span class="fLeft cDc" >&#93;</span>
  149. <span class="fLeft cLc" >&#94;</span>
  150. <span class="fLeft cDc" >&#95;</span>
  151. <br clear="both"/><span class="fLeft cDc" >&#96;</span>
  152. <span class="fLeft cLc" >&#97;</span>
  153. <span class="fLeft cDc" >&#98;</span>
  154. <span class="fLeft cLc" >&#99;</span>
  155. <span class="fLeft cDc" >&#100;</span>
  156. <span class="fLeft cLc" >&#101;</span>
  157. <span class="fLeft cDc" >&#102;</span>
  158. <span class="fLeft cLc" >&#103;</span>
  159. <span class="fLeft cDc" >&#104;</span>
  160. <span class="fLeft cLc" >&#105;</span>
  161. <span class="fLeft cDc" >&#106;</span>
  162. <span class="fLeft cLc" >&#107;</span>
  163. <span class="fLeft cDc" >&#108;</span>
  164. <span class="fLeft cLc" >&#109;</span>
  165. <span class="fLeft cDc" >&#110;</span>
  166. <span class="fLeft cLc" >&#111;</span>
  167. <br clear="both"/><span class="fLeft cLc" >&#112;</span>
  168. <span class="fLeft cDc" >&#113;</span>
  169. <span class="fLeft cLc" >&#114;</span>
  170. <span class="fLeft cDc" >&#115;</span>
  171. <span class="fLeft cLc" >&#116;</span>
  172. <span class="fLeft cDc" >&#117;</span>
  173. <span class="fLeft cLc" >&#118;</span>
  174. <span class="fLeft cDc" >&#119;</span>
  175. <span class="fLeft cLc" >&#120;</span>
  176. <span class="fLeft cDc" >&#121;</span>
  177. <span class="fLeft cLc" >&#122;</span>
  178. <span class="fLeft cDc" >&#123;</span>
  179. <span class="fLeft cLc" >&#124;</span>
  180. <span class="fLeft cDc" >&#125;</span>
  181. <span class="fLeft cLc" >&#126;</span>
  182. <span class="fLeft cDc" >&#127;</span>
  183. <br clear="both"/><span class="fLeft cDc" >&#128;</span>
  184. <span class="fLeft cLc" >&#129;</span>
  185. <span class="fLeft cDc" >&#130;</span>
  186. <span class="fLeft cLc" >&#131;</span>
  187. <span class="fLeft cDc" >&#132;</span>
  188. <span class="fLeft cLc" >&#133;</span>
  189. <span class="fLeft cDc" >&#134;</span>
  190. <span class="fLeft cLc" >&#135;</span>
  191. <span class="fLeft cDc" >&#136;</span>
  192. <span class="fLeft cLc" >&#137;</span>
  193. <span class="fLeft cDc" >&#138;</span>
  194. <span class="fLeft cLc" >&#139;</span>
  195. <span class="fLeft cDc" >&#140;</span>
  196. <span class="fLeft cLc" >&#141;</span>
  197. <span class="fLeft cDc" >&#142;</span>
  198. <span class="fLeft cLc" >&#143;</span>
  199. <br clear="both"/><span class="fLeft cLc" >&#144;</span>
  200. <span class="fLeft cDc" >&#145;</span>
  201. <span class="fLeft cLc" >&#146;</span>
  202. <span class="fLeft cDc" >&#147;</span>
  203. <span class="fLeft cLc" >&#148;</span>
  204. <span class="fLeft cDc" >&#149;</span>
  205. <span class="fLeft cLc" >&#150;</span>
  206. <span class="fLeft cDc" >&#151;</span>
  207. <span class="fLeft cLc" >&#152;</span>
  208. <span class="fLeft cDc" >&#153;</span>
  209. <span class="fLeft cLc" >&#154;</span>
  210. <span class="fLeft cDc" >&#155;</span>
  211. <span class="fLeft cLc" >&#156;</span>
  212. <span class="fLeft cDc" >&#157;</span>
  213. <span class="fLeft cLc" >&#158;</span>
  214. <span class="fLeft cDc" >&#159;</span>
  215. <br clear="both"/><span class="fLeft cDc" >&#160;</span>
  216. <span class="fLeft cLc" >&#161;</span>
  217. <span class="fLeft cDc" >&#162;</span>
  218. <span class="fLeft cLc" >&#163;</span>
  219. <span class="fLeft cDc" >&#164;</span>
  220. <span class="fLeft cLc" >&#165;</span>
  221. <span class="fLeft cDc" >&#166;</span>
  222. <span class="fLeft cLc" >&#167;</span>
  223. <span class="fLeft cDc" >&#168;</span>
  224. <span class="fLeft cLc" >&#169;</span>
  225. <span class="fLeft cDc" >&#170;</span>
  226. <span class="fLeft cLc" >&#171;</span>
  227. <span class="fLeft cDc" >&#172;</span>
  228. <span class="fLeft cLc" >&#173;</span>
  229. <span class="fLeft cDc" >&#174;</span>
  230. <span class="fLeft cLc" >&#175;</span>
  231. <br clear="both"/><span class="fLeft cLc" >&#176;</span>
  232. <span class="fLeft cDc" >&#177;</span>
  233. <span class="fLeft cLc" >&#178;</span>
  234. <span class="fLeft cDc" >&#179;</span>
  235. <span class="fLeft cLc" >&#180;</span>
  236. <span class="fLeft cDc" >&#181;</span>
  237. <span class="fLeft cLc" >&#182;</span>
  238. <span class="fLeft cDc" >&#183;</span>
  239. <span class="fLeft cLc" >&#184;</span>
  240. <span class="fLeft cDc" >&#185;</span>
  241. <span class="fLeft cLc" >&#186;</span>
  242. <span class="fLeft cDc" >&#187;</span>
  243. <span class="fLeft cLc" >&#188;</span>
  244. <span class="fLeft cDc" >&#189;</span>
  245. <span class="fLeft cLc" >&#190;</span>
  246. <span class="fLeft cDc" >&#191;</span>
  247. <br clear="both"/><span class="fLeft cDc" >&#192;</span>
  248. <span class="fLeft cLc" >&#193;</span>
  249. <span class="fLeft cDc" >&#194;</span>
  250. <span class="fLeft cLc" >&#195;</span>
  251. <span class="fLeft cDc" >&#196;</span>
  252. <span class="fLeft cLc" >&#197;</span>
  253. <span class="fLeft cDc" >&#198;</span>
  254. <span class="fLeft cLc" >&#199;</span>
  255. <span class="fLeft cDc" >&#200;</span>
  256. <span class="fLeft cLc" >&#201;</span>
  257. <span class="fLeft cDc" >&#202;</span>
  258. <span class="fLeft cLc" >&#203;</span>
  259. <span class="fLeft cDc" >&#204;</span>
  260. <span class="fLeft cLc" >&#205;</span>
  261. <span class="fLeft cDc" >&#206;</span>
  262. <span class="fLeft cLc" >&#207;</span>
  263. <br clear="both"/><span class="fLeft cLc" >&#208;</span>
  264. <span class="fLeft cDc" >&#209;</span>
  265. <span class="fLeft cLc" >&#210;</span>
  266. <span class="fLeft cDc" >&#211;</span>
  267. <span class="fLeft cLc" >&#212;</span>
  268. <span class="fLeft cDc" >&#213;</span>
  269. <span class="fLeft cLc" >&#214;</span>
  270. <span class="fLeft cDc" >&#215;</span>
  271. <span class="fLeft cLc" >&#216;</span>
  272. <span class="fLeft cDc" >&#217;</span>
  273. <span class="fLeft cLc" >&#218;</span>
  274. <span class="fLeft cDc" >&#219;</span>
  275. <span class="fLeft cLc" >&#220;</span>
  276. <span class="fLeft cDc" >&#221;</span>
  277. <span class="fLeft cLc" >&#222;</span>
  278. <span class="fLeft cDc" >&#223;</span>
  279. <br clear="both"/><span class="fLeft cDc" >&#224;</span>
  280. <span class="fLeft cLc" >&#225;</span>
  281. <span class="fLeft cDc" >&#226;</span>
  282. <span class="fLeft cLc" >&#227;</span>
  283. <span class="fLeft cDc" >&#228;</span>
  284. <span class="fLeft cLc" >&#229;</span>
  285. <span class="fLeft cDc" >&#230;</span>
  286. <span class="fLeft cLc" >&#231;</span>
  287. <span class="fLeft cDc" >&#232;</span>
  288. <span class="fLeft cLc" >&#233;</span>
  289. <span class="fLeft cDc" >&#234;</span>
  290. <span class="fLeft cLc" >&#235;</span>
  291. <span class="fLeft cDc" >&#236;</span>
  292. <span class="fLeft cLc" >&#237;</span>
  293. <span class="fLeft cDc" >&#238;</span>
  294. <span class="fLeft cLc" >&#239;</span>
  295. <br clear="both"/><span class="fLeft cLc" >&#240;</span>
  296. <span class="fLeft cDc" >&#241;</span>
  297. <span class="fLeft cLc" >&#242;</span>
  298. <span class="fLeft cDc" >&#243;</span>
  299. <span class="fLeft cLc" >&#244;</span>
  300. <span class="fLeft cDc" >&#245;</span>
  301. <span class="fLeft cLc" >&#246;</span>
  302. <span class="fLeft cDc" >&#247;</span>
  303. <span class="fLeft cLc" >&#248;</span>
  304. <span class="fLeft cDc" >&#249;</span>
  305. <span class="fLeft cLc" >&#250;</span>
  306. <span class="fLeft cDc" >&#251;</span>
  307. <span class="fLeft cLc" >&#252;</span>
  308. <span class="fLeft cDc" >&#253;</span>
  309. <span class="fLeft cLc" >&#254;</span>
  310. <span class="fLeft cDc" >&#255;</span>
  311. <br clear="both"/>
  312. </div>
  313. </div>
2. JScript 生成代码
  
  
  1. <%@LANGUAGE="JAVASCRIPT" CODEPAGE="65001"%>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <!-- DW6 -->
  5. <head>
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7. <title>shawl.qiu template</title>
  8. <style type="text/css">
  9. /* <![CDATA[ */
  10. .fLeft{
  11. display:block;
  12. width:30px;
  13. text-align:center;
  14. vertical-align:middle;
  15. padding:5px 0px;
  16. height:20px;
  17. float:left;
  18. }
  19. .cDc{ background-color:#E2E0D8;}
  20. .cLc{background-color:#F2F2F2;}
  21. .show{
  22. width:100%;
  23. text-align:center;
  24. display:table;
  25. padding:20px 0px;
  26. }
  27. /* ]]> */
  28. </style>
  29. <script type="text/javascript">
  30. //<![CDATA[
  31. οnlοad=function(){
  32. var o=document.getElementsByTagName('span');
  33. for(var i=0; i<o.length; i++){
  34. o[i].οnmοusemοve=function(){
  35. fShowCur(this);
  36. }
  37. if(opener){
  38. o[i].οnclick=function(){
  39. opener.sqEditor.markup(this.innerHTML, 2, 'ascii')
  40. }
  41. }
  42. }
  43. }
  44. function fShowCur(obj){
  45. var char=document.getElementById('char');
  46. var code=document.getElementById('code');
  47. char.innerHTML=obj.innerHTML;
  48. code.innerText=obj.innerText.charCodeAt();
  49. }
  50. //]]>
  51. </script>
  52. </head>
  53. <body>
  54. <div style="width:600px; ">
  55. <div style="float:right; width:18%;">
  56. <div class="show " style="background-color:#FFFFCC " id="char">char </div>
  57. <div class="show" id="code" style="background-color:#66FFCC; ">code</div>
  58. </div>
  59. <div style=" border:1px dashed blue; width:81%; float:left;">
  60. <%
  61. var cC='';
  62. for(var i=0; i<16; i++){
  63. for(var j=0; j<16; j++){
  64. if((i+1)%2==0){
  65. if((j+1)%2==0)cC='cDc'; else cC='cLc';
  66. } else {
  67. if((j+1)%2==0)cC='cLc'; else cC='cDc';
  68. }
  69. Response.Write('<span class="fLeft '+cC+'">&#'+
  70. (i*16+j)+';</span>/n')
  71. }
  72. Response.Write('<br clear="both"/>')
  73. }
  74. %>
  75. </div>
  76. </div>
  77. </body>
  78. </html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值