ASCII 输入模板 By shawl.qiu

最新推荐文章于 2024-07-07 23:10:31 发布

btbtd

最新推荐文章于 2024-07-07 23:10:31 发布

阅读量1.2k

点赞数

文章标签： class function div float xhtml border

本文链接：https://blog.csdn.net/btbtd/article/details/1421174

版权

MS JScript 专栏收录该内容

31 篇文章 0 订阅

订阅专栏

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 输入模板源代码

  
  <!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" >&#0;</span>
<span class="fLeft cLc" >&#1;</span>
<span class="fLeft cDc" >&#2;</span>
<span class="fLeft cLc" >&#3;</span>
<span class="fLeft cDc" >&#4;</span>
<span class="fLeft cLc" >&#5;</span>
<span class="fLeft cDc" >&#6;</span>
<span class="fLeft cLc" >&#7;</span>
<span class="fLeft cDc" >&#8;</span>
<span class="fLeft cLc" >&#9;</span>
<span class="fLeft cDc" >&#10;</span>
<span class="fLeft cLc" >&#11;</span>
<span class="fLeft cDc" >&#12;</span>
<span class="fLeft cLc" >&#13;</span>
<span class="fLeft cDc" >&#14;</span>
<span class="fLeft cLc" >&#15;</span>
<br clear="both"/><span class="fLeft cLc" >&#16;</span>
<span class="fLeft cDc" >&#17;</span>
<span class="fLeft cLc" >&#18;</span>
<span class="fLeft cDc" >&#19;</span>
<span class="fLeft cLc" >&#20;</span>
<span class="fLeft cDc" >&#21;</span>
<span class="fLeft cLc" >&#22;</span>
<span class="fLeft cDc" >&#23;</span>
<span class="fLeft cLc" >&#24;</span>
<span class="fLeft cDc" >&#25;</span>
<span class="fLeft cLc" >&#26;</span>
<span class="fLeft cDc" >&#27;</span>
<span class="fLeft cLc" >&#28;</span>
<span class="fLeft cDc" >&#29;</span>
<span class="fLeft cLc" >&#30;</span>
<span class="fLeft cDc" >&#31;</span>
<br clear="both"/><span class="fLeft cDc" >&#32;</span>
<span class="fLeft cLc" >&#33;</span>
<span class="fLeft cDc" >&#34;</span>
<span class="fLeft cLc" >&#35;</span>
<span class="fLeft cDc" >&#36;</span>
<span class="fLeft cLc" >&#37;</span>
<span class="fLeft cDc" >&#38;</span>
<span class="fLeft cLc" >&#39;</span>
<span class="fLeft cDc" >&#40;</span>
<span class="fLeft cLc" >&#41;</span>
<span class="fLeft cDc" >&#42;</span>
<span class="fLeft cLc" >&#43;</span>
<span class="fLeft cDc" >&#44;</span>
<span class="fLeft cLc" >&#45;</span>
<span class="fLeft cDc" >&#46;</span>
<span class="fLeft cLc" >&#47;</span>
<br clear="both"/><span class="fLeft cLc" >&#48;</span>
<span class="fLeft cDc" >&#49;</span>
<span class="fLeft cLc" >&#50;</span>
<span class="fLeft cDc" >&#51;</span>
<span class="fLeft cLc" >&#52;</span>
<span class="fLeft cDc" >&#53;</span>
<span class="fLeft cLc" >&#54;</span>
<span class="fLeft cDc" >&#55;</span>
<span class="fLeft cLc" >&#56;</span>
<span class="fLeft cDc" >&#57;</span>
<span class="fLeft cLc" >&#58;</span>
<span class="fLeft cDc" >&#59;</span>
<span class="fLeft cLc" >&#60;</span>
<span class="fLeft cDc" >&#61;</span>
<span class="fLeft cLc" >&#62;</span>
<span class="fLeft cDc" >&#63;</span>
<br clear="both"/><span class="fLeft cDc" >&#64;</span>
<span class="fLeft cLc" >&#65;</span>
<span class="fLeft cDc" >&#66;</span>
<span class="fLeft cLc" >&#67;</span>
<span class="fLeft cDc" >&#68;</span>
<span class="fLeft cLc" >&#69;</span>
<span class="fLeft cDc" >&#70;</span>
<span class="fLeft cLc" >&#71;</span>
<span class="fLeft cDc" >&#72;</span>
<span class="fLeft cLc" >&#73;</span>
<span class="fLeft cDc" >&#74;</span>
<span class="fLeft cLc" >&#75;</span>
<span class="fLeft cDc" >&#76;</span>
<span class="fLeft cLc" >&#77;</span>
<span class="fLeft cDc" >&#78;</span>
<span class="fLeft cLc" >&#79;</span>
<br clear="both"/><span class="fLeft cLc" >&#80;</span>
<span class="fLeft cDc" >&#81;</span>
<span class="fLeft cLc" >&#82;</span>
<span class="fLeft cDc" >&#83;</span>
<span class="fLeft cLc" >&#84;</span>
<span class="fLeft cDc" >&#85;</span>
<span class="fLeft cLc" >&#86;</span>
<span class="fLeft cDc" >&#87;</span>
<span class="fLeft cLc" >&#88;</span>
<span class="fLeft cDc" >&#89;</span>
<span class="fLeft cLc" >&#90;</span>
<span class="fLeft cDc" >&#91;</span>
<span class="fLeft cLc" >&#92;</span>
<span class="fLeft cDc" >&#93;</span>
<span class="fLeft cLc" >&#94;</span>
<span class="fLeft cDc" >&#95;</span>
<br clear="both"/><span class="fLeft cDc" >&#96;</span>
<span class="fLeft cLc" >&#97;</span>
<span class="fLeft cDc" >&#98;</span>
<span class="fLeft cLc" >&#99;</span>
<span class="fLeft cDc" >&#100;</span>
<span class="fLeft cLc" >&#101;</span>
<span class="fLeft cDc" >&#102;</span>
<span class="fLeft cLc" >&#103;</span>
<span class="fLeft cDc" >&#104;</span>
<span class="fLeft cLc" >&#105;</span>
<span class="fLeft cDc" >&#106;</span>
<span class="fLeft cLc" >&#107;</span>
<span class="fLeft cDc" >&#108;</span>
<span class="fLeft cLc" >&#109;</span>
<span class="fLeft cDc" >&#110;</span>
<span class="fLeft cLc" >&#111;</span>
<br clear="both"/><span class="fLeft cLc" >&#112;</span>
<span class="fLeft cDc" >&#113;</span>
<span class="fLeft cLc" >&#114;</span>
<span class="fLeft cDc" >&#115;</span>
<span class="fLeft cLc" >&#116;</span>
<span class="fLeft cDc" >&#117;</span>
<span class="fLeft cLc" >&#118;</span>
<span class="fLeft cDc" >&#119;</span>
<span class="fLeft cLc" >&#120;</span>
<span class="fLeft cDc" >&#121;</span>
<span class="fLeft cLc" >&#122;</span>
<span class="fLeft cDc" >&#123;</span>
<span class="fLeft cLc" >&#124;</span>
<span class="fLeft cDc" >&#125;</span>
<span class="fLeft cLc" >&#126;</span>
<span class="fLeft cDc" >&#127;</span>
<br clear="both"/><span class="fLeft cDc" >&#128;</span>
<span class="fLeft cLc" >&#129;</span>
<span class="fLeft cDc" >&#130;</span>
<span class="fLeft cLc" >&#131;</span>
<span class="fLeft cDc" >&#132;</span>
<span class="fLeft cLc" >&#133;</span>
<span class="fLeft cDc" >&#134;</span>
<span class="fLeft cLc" >&#135;</span>
<span class="fLeft cDc" >&#136;</span>
<span class="fLeft cLc" >&#137;</span>
<span class="fLeft cDc" >&#138;</span>
<span class="fLeft cLc" >&#139;</span>
<span class="fLeft cDc" >&#140;</span>
<span class="fLeft cLc" >&#141;</span>
<span class="fLeft cDc" >&#142;</span>
<span class="fLeft cLc" >&#143;</span>
<br clear="both"/><span class="fLeft cLc" >&#144;</span>
<span class="fLeft cDc" >&#145;</span>
<span class="fLeft cLc" >&#146;</span>
<span class="fLeft cDc" >&#147;</span>
<span class="fLeft cLc" >&#148;</span>
<span class="fLeft cDc" >&#149;</span>
<span class="fLeft cLc" >&#150;</span>
<span class="fLeft cDc" >&#151;</span>
<span class="fLeft cLc" >&#152;</span>
<span class="fLeft cDc" >&#153;</span>
<span class="fLeft cLc" >&#154;</span>
<span class="fLeft cDc" >&#155;</span>
<span class="fLeft cLc" >&#156;</span>
<span class="fLeft cDc" >&#157;</span>
<span class="fLeft cLc" >&#158;</span>
<span class="fLeft cDc" >&#159;</span>
<br clear="both"/><span class="fLeft cDc" >&#160;</span>
<span class="fLeft cLc" >&#161;</span>
<span class="fLeft cDc" >&#162;</span>
<span class="fLeft cLc" >&#163;</span>
<span class="fLeft cDc" >&#164;</span>
<span class="fLeft cLc" >&#165;</span>
<span class="fLeft cDc" >&#166;</span>
<span class="fLeft cLc" >&#167;</span>
<span class="fLeft cDc" >&#168;</span>
<span class="fLeft cLc" >&#169;</span>
<span class="fLeft cDc" >&#170;</span>
<span class="fLeft cLc" >&#171;</span>
<span class="fLeft cDc" >&#172;</span>
<span class="fLeft cLc" >&#173;</span>
<span class="fLeft cDc" >&#174;</span>
<span class="fLeft cLc" >&#175;</span>
<br clear="both"/><span class="fLeft cLc" >&#176;</span>
<span class="fLeft cDc" >&#177;</span>
<span class="fLeft cLc" >&#178;</span>
<span class="fLeft cDc" >&#179;</span>
<span class="fLeft cLc" >&#180;</span>
<span class="fLeft cDc" >&#181;</span>
<span class="fLeft cLc" >&#182;</span>
<span class="fLeft cDc" >&#183;</span>
<span class="fLeft cLc" >&#184;</span>
<span class="fLeft cDc" >&#185;</span>
<span class="fLeft cLc" >&#186;</span>
<span class="fLeft cDc" >&#187;</span>
<span class="fLeft cLc" >&#188;</span>
<span class="fLeft cDc" >&#189;</span>
<span class="fLeft cLc" >&#190;</span>
<span class="fLeft cDc" >&#191;</span>
<br clear="both"/><span class="fLeft cDc" >&#192;</span>
<span class="fLeft cLc" >&#193;</span>
<span class="fLeft cDc" >&#194;</span>
<span class="fLeft cLc" >&#195;</span>
<span class="fLeft cDc" >&#196;</span>
<span class="fLeft cLc" >&#197;</span>
<span class="fLeft cDc" >&#198;</span>
<span class="fLeft cLc" >&#199;</span>
<span class="fLeft cDc" >&#200;</span>
<span class="fLeft cLc" >&#201;</span>
<span class="fLeft cDc" >&#202;</span>
<span class="fLeft cLc" >&#203;</span>
<span class="fLeft cDc" >&#204;</span>
<span class="fLeft cLc" >&#205;</span>
<span class="fLeft cDc" >&#206;</span>
<span class="fLeft cLc" >&#207;</span>
<br clear="both"/><span class="fLeft cLc" >&#208;</span>
<span class="fLeft cDc" >&#209;</span>
<span class="fLeft cLc" >&#210;</span>
<span class="fLeft cDc" >&#211;</span>
<span class="fLeft cLc" >&#212;</span>
<span class="fLeft cDc" >&#213;</span>
<span class="fLeft cLc" >&#214;</span>
<span class="fLeft cDc" >&#215;</span>
<span class="fLeft cLc" >&#216;</span>
<span class="fLeft cDc" >&#217;</span>
<span class="fLeft cLc" >&#218;</span>
<span class="fLeft cDc" >&#219;</span>
<span class="fLeft cLc" >&#220;</span>
<span class="fLeft cDc" >&#221;</span>
<span class="fLeft cLc" >&#222;</span>
<span class="fLeft cDc" >&#223;</span>
<br clear="both"/><span class="fLeft cDc" >&#224;</span>
<span class="fLeft cLc" >&#225;</span>
<span class="fLeft cDc" >&#226;</span>
<span class="fLeft cLc" >&#227;</span>
<span class="fLeft cDc" >&#228;</span>
<span class="fLeft cLc" >&#229;</span>
<span class="fLeft cDc" >&#230;</span>
<span class="fLeft cLc" >&#231;</span>
<span class="fLeft cDc" >&#232;</span>
<span class="fLeft cLc" >&#233;</span>
<span class="fLeft cDc" >&#234;</span>
<span class="fLeft cLc" >&#235;</span>
<span class="fLeft cDc" >&#236;</span>
<span class="fLeft cLc" >&#237;</span>
<span class="fLeft cDc" >&#238;</span>
<span class="fLeft cLc" >&#239;</span>
<br clear="both"/><span class="fLeft cLc" >&#240;</span>
<span class="fLeft cDc" >&#241;</span>
<span class="fLeft cLc" >&#242;</span>
<span class="fLeft cDc" >&#243;</span>
<span class="fLeft cLc" >&#244;</span>
<span class="fLeft cDc" >&#245;</span>
<span class="fLeft cLc" >&#246;</span>
<span class="fLeft cDc" >&#247;</span>
<span class="fLeft cLc" >&#248;</span>
<span class="fLeft cDc" >&#249;</span>
<span class="fLeft cLc" >&#250;</span>
<span class="fLeft cDc" >&#251;</span>
<span class="fLeft cLc" >&#252;</span>
<span class="fLeft cDc" >&#253;</span>
<span class="fLeft cLc" >&#254;</span>
<span class="fLeft cDc" >&#255;</span>
<br clear="both"/>
	</div>
</div>

2. JScript 生成代码

  
  <%@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>

btbtd

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ASCII 输入模板 By shawl.qiu

ASCII 输入模板 By shawl.qiu说明:这是 sqEditor 编辑器中的一部分, 目的是输入某些无法直接输入的字符, 也可查看这些字符的 Ascii 码.不过发现鄙人比较好色...和有条理点.ASCII 是 16*16 =256 个字符, 这个模板就使用 16行*16个字符有条理的排版啰.生成代码的时候使用服务端 JScript 生成, 顺便把这个也放在本文里, 方便更改.目
复制链接

扫一扫