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 输入模板源代码
2. JScript 生成代码
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>shawl.qiu template</title>
- <style type="text/css">
- /* <![CDATA[ */
- .fLeft{
- display:block;
- width:30px;
- text-align:center;
- vertical-align:middle;
- padding:5px 0px;
- height:20px;
- float:left;
- }
- .cDc{ background-color:#E2E0D8;}
- .cLc{background-color:#F2F2F2;}
- .show{
- width:100%;
- text-align:center;
- display:table;
- padding:20px 0px;
- }
- /* ]]> */
- </style>
- <script type="text/javascript">
- //<![CDATA[
- οnlοad=function(){
- var o=document.getElementsByTagName('span');
- for(var i=0; i<o.length; i++){
- o[i].οnmοusemοve=function(){
- fShowCur(this);
- }
- if(opener){
- o[i].οnclick=function(){
- opener.sqEditor.markup(this.innerHTML, 2, 'ascii')
- }
- }
- }
- }
- function fShowCur(obj){
- var char=document.getElementById('char');
- var code=document.getElementById('code');
- char.innerHTML=obj.innerHTML;
- code.innerText=obj.innerText.charCodeAt();
- }
- //]]>
- </script>
- <div style="width:600px; ">
- <div style="float:right; width:18%;">
- <button οnclick="opener=null;self.close();">close me</button><p />
- <div class="show " style="background-color:#FFFFCC " id="char">char </div>
- <div class="show" id="code" style="background-color:#66FFCC; ">code</div>
- </div>
- <div style=" border:1px dashed blue; width:81%; float:left;">
- <span class="fLeft cDc" >�</span>
- <span class="fLeft cLc" ></span>
- <span class="fLeft cDc" ></span>
- <span class="fLeft cLc" ></span>
- <span class="fLeft cDc" ></span>
- <span class="fLeft cLc" ></span>
- <span class="fLeft cDc" ></span>
- <span class="fLeft cLc" ></span>
- <span class="fLeft cDc" ></span>
- <span class="fLeft cLc" >	</span>
- <span class="fLeft cDc" > </span>
- <span class="fLeft cLc" ></span>
- <span class="fLeft cDc" ></span>
- <span class="fLeft cLc" > </span>
- <span class="fLeft cDc" ></span>
- <span class="fLeft cLc" ></span>
- <br clear="both"/><span class="fLeft cLc" ></span>
- <span class="fLeft cDc" ></span>
- <span class="fLeft cLc" ></span>
- <span class="fLeft cDc" ></span>
- <span class="fLeft cLc" ></span>
- <span class="fLeft cDc" ></span>
- <span class="fLeft cLc" ></span>
- <span class="fLeft cDc" ></span>
- <span class="fLeft cLc" ></span>
- <span class="fLeft cDc" ></span>
- <span class="fLeft cLc" ></span>
- <span class="fLeft cDc" ></span>
- <span class="fLeft cLc" ></span>
- <span class="fLeft cDc" ></span>
- <span class="fLeft cLc" ></span>
- <span class="fLeft cDc" ></span>
- <br clear="both"/><span class="fLeft cDc" > </span>
- <span class="fLeft cLc" >!</span>
- <span class="fLeft cDc" >"</span>
- <span class="fLeft cLc" >#</span>
- <span class="fLeft cDc" >$</span>
- <span class="fLeft cLc" >%</span>
- <span class="fLeft cDc" >&</span>
- <span class="fLeft cLc" >'</span>
- <span class="fLeft cDc" >(</span>
- <span class="fLeft cLc" >)</span>
- <span class="fLeft cDc" >*</span>
- <span class="fLeft cLc" >+</span>
- <span class="fLeft cDc" >,</span>
- <span class="fLeft cLc" >-</span>
- <span class="fLeft cDc" >.</span>
- <span class="fLeft cLc" >/</span>
- <br clear="both"/><span class="fLeft cLc" >0</span>
- <span class="fLeft cDc" >1</span>
- <span class="fLeft cLc" >2</span>
- <span class="fLeft cDc" >3</span>
- <span class="fLeft cLc" >4</span>
- <span class="fLeft cDc" >5</span>
- <span class="fLeft cLc" >6</span>
- <span class="fLeft cDc" >7</span>
- <span class="fLeft cLc" >8</span>
- <span class="fLeft cDc" >9</span>
- <span class="fLeft cLc" >:</span>
- <span class="fLeft cDc" >;</span>
- <span class="fLeft cLc" ><</span>
- <span class="fLeft cDc" >=</span>
- <span class="fLeft cLc" >></span>
- <span class="fLeft cDc" >?</span>
- <br clear="both"/><span class="fLeft cDc" >@</span>
- <span class="fLeft cLc" >A</span>
- <span class="fLeft cDc" >B</span>
- <span class="fLeft cLc" >C</span>
- <span class="fLeft cDc" >D</span>
- <span class="fLeft cLc" >E</span>
- <span class="fLeft cDc" >F</span>
- <span class="fLeft cLc" >G</span>
- <span class="fLeft cDc" >H</span>
- <span class="fLeft cLc" >I</span>
- <span class="fLeft cDc" >J</span>
- <span class="fLeft cLc" >K</span>
- <span class="fLeft cDc" >L</span>
- <span class="fLeft cLc" >M</span>
- <span class="fLeft cDc" >N</span>
- <span class="fLeft cLc" >O</span>
- <br clear="both"/><span class="fLeft cLc" >P</span>
- <span class="fLeft cDc" >Q</span>
- <span class="fLeft cLc" >R</span>
- <span class="fLeft cDc" >S</span>
- <span class="fLeft cLc" >T</span>
- <span class="fLeft cDc" >U</span>
- <span class="fLeft cLc" >V</span>
- <span class="fLeft cDc" >W</span>
- <span class="fLeft cLc" >X</span>
- <span class="fLeft cDc" >Y</span>
- <span class="fLeft cLc" >Z</span>
- <span class="fLeft cDc" >[</span>
- <span class="fLeft cLc" >\</span>
- <span class="fLeft cDc" >]</span>
- <span class="fLeft cLc" >^</span>
- <span class="fLeft cDc" >_</span>
- <br clear="both"/><span class="fLeft cDc" >`</span>
- <span class="fLeft cLc" >a</span>
- <span class="fLeft cDc" >b</span>
- <span class="fLeft cLc" >c</span>
- <span class="fLeft cDc" >d</span>
- <span class="fLeft cLc" >e</span>
- <span class="fLeft cDc" >f</span>
- <span class="fLeft cLc" >g</span>
- <span class="fLeft cDc" >h</span>
- <span class="fLeft cLc" >i</span>
- <span class="fLeft cDc" >j</span>
- <span class="fLeft cLc" >k</span>
- <span class="fLeft cDc" >l</span>
- <span class="fLeft cLc" >m</span>
- <span class="fLeft cDc" >n</span>
- <span class="fLeft cLc" >o</span>
- <br clear="both"/><span class="fLeft cLc" >p</span>
- <span class="fLeft cDc" >q</span>
- <span class="fLeft cLc" >r</span>
- <span class="fLeft cDc" >s</span>
- <span class="fLeft cLc" >t</span>
- <span class="fLeft cDc" >u</span>
- <span class="fLeft cLc" >v</span>
- <span class="fLeft cDc" >w</span>
- <span class="fLeft cLc" >x</span>
- <span class="fLeft cDc" >y</span>
- <span class="fLeft cLc" >z</span>
- <span class="fLeft cDc" >{</span>
- <span class="fLeft cLc" >|</span>
- <span class="fLeft cDc" >}</span>
- <span class="fLeft cLc" >~</span>
- <span class="fLeft cDc" ></span>
- <br clear="both"/><span class="fLeft cDc" >€</span>
- <span class="fLeft cLc" ></span>
- <span class="fLeft cDc" >‚</span>
- <span class="fLeft cLc" >ƒ</span>
- <span class="fLeft cDc" >„</span>
- <span class="fLeft cLc" >…</span>
- <span class="fLeft cDc" >†</span>
- <span class="fLeft cLc" >‡</span>
- <span class="fLeft cDc" >ˆ</span>
- <span class="fLeft cLc" >‰</span>
- <span class="fLeft cDc" >Š</span>
- <span class="fLeft cLc" >‹</span>
- <span class="fLeft cDc" >Œ</span>
- <span class="fLeft cLc" ></span>
- <span class="fLeft cDc" >Ž</span>
- <span class="fLeft cLc" ></span>
- <br clear="both"/><span class="fLeft cLc" ></span>
- <span class="fLeft cDc" >‘</span>
- <span class="fLeft cLc" >’</span>
- <span class="fLeft cDc" >“</span>
- <span class="fLeft cLc" >”</span>
- <span class="fLeft cDc" >•</span>
- <span class="fLeft cLc" >–</span>
- <span class="fLeft cDc" >—</span>
- <span class="fLeft cLc" >˜</span>
- <span class="fLeft cDc" >™</span>
- <span class="fLeft cLc" >š</span>
- <span class="fLeft cDc" >›</span>
- <span class="fLeft cLc" >œ</span>
- <span class="fLeft cDc" ></span>
- <span class="fLeft cLc" >ž</span>
- <span class="fLeft cDc" >Ÿ</span>
- <br clear="both"/><span class="fLeft cDc" > </span>
- <span class="fLeft cLc" >¡</span>
- <span class="fLeft cDc" >¢</span>
- <span class="fLeft cLc" >£</span>
- <span class="fLeft cDc" >¤</span>
- <span class="fLeft cLc" >¥</span>
- <span class="fLeft cDc" >¦</span>
- <span class="fLeft cLc" >§</span>
- <span class="fLeft cDc" >¨</span>
- <span class="fLeft cLc" >©</span>
- <span class="fLeft cDc" >ª</span>
- <span class="fLeft cLc" >«</span>
- <span class="fLeft cDc" >¬</span>
- <span class="fLeft cLc" >­</span>
- <span class="fLeft cDc" >®</span>
- <span class="fLeft cLc" >¯</span>
- <br clear="both"/><span class="fLeft cLc" >°</span>
- <span class="fLeft cDc" >±</span>
- <span class="fLeft cLc" >²</span>
- <span class="fLeft cDc" >³</span>
- <span class="fLeft cLc" >´</span>
- <span class="fLeft cDc" >µ</span>
- <span class="fLeft cLc" >¶</span>
- <span class="fLeft cDc" >·</span>
- <span class="fLeft cLc" >¸</span>
- <span class="fLeft cDc" >¹</span>
- <span class="fLeft cLc" >º</span>
- <span class="fLeft cDc" >»</span>
- <span class="fLeft cLc" >¼</span>
- <span class="fLeft cDc" >½</span>
- <span class="fLeft cLc" >¾</span>
- <span class="fLeft cDc" >¿</span>
- <br clear="both"/><span class="fLeft cDc" >À</span>
- <span class="fLeft cLc" >Á</span>
- <span class="fLeft cDc" >Â</span>
- <span class="fLeft cLc" >Ã</span>
- <span class="fLeft cDc" >Ä</span>
- <span class="fLeft cLc" >Å</span>
- <span class="fLeft cDc" >Æ</span>
- <span class="fLeft cLc" >Ç</span>
- <span class="fLeft cDc" >È</span>
- <span class="fLeft cLc" >É</span>
- <span class="fLeft cDc" >Ê</span>
- <span class="fLeft cLc" >Ë</span>
- <span class="fLeft cDc" >Ì</span>
- <span class="fLeft cLc" >Í</span>
- <span class="fLeft cDc" >Î</span>
- <span class="fLeft cLc" >Ï</span>
- <br clear="both"/><span class="fLeft cLc" >Ð</span>
- <span class="fLeft cDc" >Ñ</span>
- <span class="fLeft cLc" >Ò</span>
- <span class="fLeft cDc" >Ó</span>
- <span class="fLeft cLc" >Ô</span>
- <span class="fLeft cDc" >Õ</span>
- <span class="fLeft cLc" >Ö</span>
- <span class="fLeft cDc" >×</span>
- <span class="fLeft cLc" >Ø</span>
- <span class="fLeft cDc" >Ù</span>
- <span class="fLeft cLc" >Ú</span>
- <span class="fLeft cDc" >Û</span>
- <span class="fLeft cLc" >Ü</span>
- <span class="fLeft cDc" >Ý</span>
- <span class="fLeft cLc" >Þ</span>
- <span class="fLeft cDc" >ß</span>
- <br clear="both"/><span class="fLeft cDc" >à</span>
- <span class="fLeft cLc" >á</span>
- <span class="fLeft cDc" >â</span>
- <span class="fLeft cLc" >ã</span>
- <span class="fLeft cDc" >ä</span>
- <span class="fLeft cLc" >å</span>
- <span class="fLeft cDc" >æ</span>
- <span class="fLeft cLc" >ç</span>
- <span class="fLeft cDc" >è</span>
- <span class="fLeft cLc" >é</span>
- <span class="fLeft cDc" >ê</span>
- <span class="fLeft cLc" >ë</span>
- <span class="fLeft cDc" >ì</span>
- <span class="fLeft cLc" >í</span>
- <span class="fLeft cDc" >î</span>
- <span class="fLeft cLc" >ï</span>
- <br clear="both"/><span class="fLeft cLc" >ð</span>
- <span class="fLeft cDc" >ñ</span>
- <span class="fLeft cLc" >ò</span>
- <span class="fLeft cDc" >ó</span>
- <span class="fLeft cLc" >ô</span>
- <span class="fLeft cDc" >õ</span>
- <span class="fLeft cLc" >ö</span>
- <span class="fLeft cDc" >÷</span>
- <span class="fLeft cLc" >ø</span>
- <span class="fLeft cDc" >ù</span>
- <span class="fLeft cLc" >ú</span>
- <span class="fLeft cDc" >û</span>
- <span class="fLeft cLc" >ü</span>
- <span class="fLeft cDc" >ý</span>
- <span class="fLeft cLc" >þ</span>
- <span class="fLeft cDc" >ÿ</span>
- <br clear="both"/>
- </div>
- </div>
- <%@LANGUAGE="JAVASCRIPT" CODEPAGE="65001"%>
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <!-- DW6 -->
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>shawl.qiu template</title>
- <style type="text/css">
- /* <![CDATA[ */
- .fLeft{
- display:block;
- width:30px;
- text-align:center;
- vertical-align:middle;
- padding:5px 0px;
- height:20px;
- float:left;
- }
- .cDc{ background-color:#E2E0D8;}
- .cLc{background-color:#F2F2F2;}
- .show{
- width:100%;
- text-align:center;
- display:table;
- padding:20px 0px;
- }
- /* ]]> */
- </style>
- <script type="text/javascript">
- //<![CDATA[
- οnlοad=function(){
- var o=document.getElementsByTagName('span');
- for(var i=0; i<o.length; i++){
- o[i].οnmοusemοve=function(){
- fShowCur(this);
- }
- if(opener){
- o[i].οnclick=function(){
- opener.sqEditor.markup(this.innerHTML, 2, 'ascii')
- }
- }
- }
- }
- function fShowCur(obj){
- var char=document.getElementById('char');
- var code=document.getElementById('code');
- char.innerHTML=obj.innerHTML;
- code.innerText=obj.innerText.charCodeAt();
- }
- //]]>
- </script>
- </head>
- <body>
- <div style="width:600px; ">
- <div style="float:right; width:18%;">
- <div class="show " style="background-color:#FFFFCC " id="char">char </div>
- <div class="show" id="code" style="background-color:#66FFCC; ">code</div>
- </div>
- <div style=" border:1px dashed blue; width:81%; float:left;">
- <%
- var cC='';
- for(var i=0; i<16; i++){
- for(var j=0; j<16; j++){
- if((i+1)%2==0){
- if((j+1)%2==0)cC='cDc'; else cC='cLc';
- } else {
- if((j+1)%2==0)cC='cLc'; else cC='cDc';
- }
- Response.Write('<span class="fLeft '+cC+'">&#'+
- (i*16+j)+';</span>/n')
- }
- Response.Write('<br clear="both"/>')
- }
- %>
- </div>
- </div>
- </body>
- </html>