天狼星 » 在线输入法

在线输入法

2006年9月5日 | 分类: D/XHTML CSS | 标签:

五笔在线： http://www.cnspica.com/tools/wb.html

双拼在线: http://www.cnspica.com/tools/py.html

HTML代码

<script type="text/javascript" ><br />
function TabPage(width, height, tabTitleArray, tabPageArray)<br />
{<br />
var ids = new Array();<br />
var id = document.uniqueID;<br />
var tabTitleHtml = "";<br />
var index = 0;<br />
for (var i = 0; i < tabTitleArray.length; i++)<br />
{<br />
tabTitleHtml += "<table border=’0′ cellspacing=’0′ cellpadding=’0′ width=’" + width + "’>"<br />
+      "<tbody><tr>";<br />
var titles = tabTitleArray[i];<br />
for (var n = 0; n < titles.length; n++)<br />
{<br />
var myId = id + index;<br />
ids[index] = myId;<br />
var title = titles[n];<br />
tabTitleHtml += "<td class=’TabTitle’"<br />
+  " onclick=\"secBoard(this, ‘" + myId + "’)\">" + title + "</td>";<br />
index++;<br />
}<br />
tabTitleHtml += "</tr></tbody></table>";<br />
}<br />
var tabPageHtml = "";<br />
for (var i = 0; i < tabPageArray.length; i++)<br />
{<br />
tabPageHtml += "<tbody id=’" + ids[i] + "’ style=’display:none”>"<br />
+  "<tr><td>" + tabPageArray[i] + "</td>" + "</tr></tbody>";<br />
}<br />
var controlID = document.uniqueID.toString();<br />
var html = "<table id=’" + controlID + "’ width=’" + width + "’ border=’0′><tbody><tr><td>"<br />
+      tabTitleHtml<br />
+      "<table border=’0′ cellspacing=’0′ cellpadding=’0′ width=’" + width<br />
+          " ‘ height=’" + height +"’ class=’TabPage’>"<br />
+              tabPageHtml<br />
+      "</table>"<br />
+ "</td></tr></tbody></table>";<br />
//             window.clipboardData.setData(‘text’, html);<br />
document.write(html);<br />
document.getElementById(controlID).rows[0].cells[0].children[0].rows[0].cells[0].click();<br />
}<br />
function secBoard(obj, tabPageID)<br />
{<br />
//              td.            tr.        tbody      table<br />
var currentTabTitleTable = obj.parentNode.parentNode.parentNode;<br />
var container = obj.parentNode.parentNode.parentNode.parentNode;<br />
for (var n = 0; n < container.children.length – 1; n++) // 最后一个Childe是TabPageTable<br />
{<br />
var cells = container.children[n].rows[0].cells;<br />
for(var i = 0; i < cells.length; i++)<br />
{<br />
var cell = cells[i]<br />
if (cell.className == "SelectedTabTitle")<br />
{<br />
cell.className = "TabTitle";<br />
break;<br />
}<br />
}<br />
}<br />
obj.className = "SelectedTabTitle";<br />
var tabPageTable = container.lastChild;<br />
for (var i = 0; i < container.children.length; i++)<br />
{<br />
var node = container.children[i];<br />
if (node != currentTabTitleTable) continue;<br />
if (node.nextSibling == tabPageTable) break;<br />
node.swapNode(node.nextSibling);<br />
node = container.children[i+1];<br />
}<br />
for(var i = 0; i < tabPageTable.tBodies.length; i++)<br />
{<br />
var tbody = tabPageTable.tBodies[i];<br />
if (tbody.style.display != "none")<br />
{<br />
tbody.style.display = "none";<br />
break;<br />
}<br />
}<br />
document.getElementById(tabPageID).style.display = "block";<br />
}<br />
function GetPinYinArray()<br />
{<br />
var pinYinArray = new Array(<br />
new Array(‘a’,'ai’,'an’,'ang’,'ao’),<br />
new Array(‘ba’,'bai’,'ban’,'bang’,'bao’,'bei’,'ben’,'beng’,'bi’,'bian’,'biao’,'bie’,'bin’,'bing’,'bo’,'bu’),<br />
new Array(‘ca’,'cai’,'can’,'cang’,'cao’,'ce’,'cen’,'ceng’,'cha’,'chai’,'chan’,'chang’,'chao’,'che’,'chen’,'cheng’,'chi’,'chong’,'chou’,'chu’,'chua’,'chuai’,'chuan’,'chuang’,'chui’,'chun’,'chuo’,'ci’,'cong’,'cou’,'cu’,'cuan’,'cui’,'cun’,'cuo’),<br />
new Array(‘da’,'dai’,'dan’,'dang’,'dao’,'de’,'deng’,'di’,'dia’,'dian’,'diao’,'die’,'ding’,'diu’,'dong’,'dou’,'du’,'duan’,'dui’,'dun’,'duo’),<br />
new Array(‘e’,'en’,'er’),<br />
new Array(‘fa’,'fan’,'fang’,'fei’,'fen’,'feng’,'fo’,'fou’,'fu’),<br />
new Array(‘ga’,'gai’,'gan’,'gang’,'gao’,'ge’,'gei’,'gen’,'geng’,'gong’,'gou’,'gu’,'gua’,'guai’,'guan’,'guang’,'gui’,'gun’,'guo’),<br />
new Array(‘ha’,'hai’,'han’,'hang’,'hao’,'he’,'hei’,'hen’,'heng’,'hong’,'hou’,'hu’,'hua’,'huai’,'huan’,'huang’,'hui’,'hun’,'huo’),<br />
new Array(),<br />
new Array(‘ji’,'jia’,'jian’,'jiang’,'jiao’,'jie’,'jin’,'jing’,'jiong’,'jiu’,'ju’,'juan’,'jue’,'jun’,'jv’),<br />
new Array(‘ka’,'kai’,'kan’,'kang’,'kao’,'ke’,'ken’,'keng’,'kong’,'kou’,'ku’,'kua’,'kuai’,'kuan’,'kuang’,'kui’,'kun’,'kuo’),<br />
new Array(‘la’,'lai’,'lan’,'lang’,'lao’,'le’,'lei’,'leng’,'li’,'lia’,'lian’,'liang’,'liao’,'lie’,'lin’,'ling’,'liu’,'long’,'lou’,'lu’,'luan’,'lue’,'lun’,'luo’,'lv’),<br />
new Array(‘ma’,'mai’,'man’,'mang’,'mao’,'me’,'mei’,'men’,'meng’,'mi’,'mian’,'miao’,'mie’,'min’,'ming’,'miu’,'mo’,'mou’,'mu’),<br />
new Array(‘na’,'nai’,'nan’,'nang’,'nao’,'ne’,'nei’,'nen’,'neng’,'ni’,'nian’,'niang’,'niao’,'nie’,'nin’,'ning’,'niu’,'nong’,'nou’,'nu’,'nuan’,'nue’,'nuo’,'nv’),<br />
new Array(‘o’,'ou’),<br />
new Array(‘pa’,'pai’,'pan’,'pang’,'pao’,'pei’,'pen’,'peng’,'pi’,'pian’,'piao’,'pie’,'pin’,'ping’,'po’,'pou’,'pu’),<br />
new Array(‘qi’,'qia’,'qian’,'qiang’,'qiao’,'qie’,'qin’,'qing’,'qiong’,'qiu’,'qu’,'quan’,'que’,'qun’),<br />
new Array(‘ran’,'rang’,'rao’,'re’,'ren’,'reng’,'ri’,'rong’,'rou’,'ru’,'ruan’,'rui’,'run’,'ruo’),<br />
new Array(‘sa’,'sai’,'san’,'sang’,'sao’,'se’,'sen’,'seng’,'sha’,'shai’,'shan’,'shang’,'shao’,'she’,'shen’,'sheng’,'shi’,'shou’,'shu’,'shua’,'shuai’,'shuan’,'shuang’,'shui’,'shun’,'shuo’,'si’,'song’,'sou’,'su’,'suan’,'sui’,'sun’,'suo’),<br />
new Array(‘ta’,'tai’,'tan’,'tang’,'tao’,'te’,'teng’,'ti’,'tian’,'tiao’,'tie’,'ting’,'tong’,'tou’,'tu’,'tuan’,'tui’,'tun’,'tuo’),<br />
new Array(),<br />
new Array(),<br />
new Array(‘wa’,'wai’,'wan’,'wang’,'wei’,'wen’,'weng’,'wo’,'wu’),<br />
new Array(‘xi’,'xia’,'xian’,'xiang’,'xiao’,'xie’,'xin’,'xing’,'xiong’,'xiu’,'xu’,'xuan’,'xue’,'xun’),<br />
new Array(‘ya’,'yan’,'yang’,'yao’,'ye’,'yi’,'yin’,'ying’,'yo’,'yong’,'you’,'yu’,'yuan’,'yue’,'yun’),<br />
new Array(‘za’,'zai’,'zan’,'zang’,'zao’,'ze’,'zei’,'zen’,'zeng’,'zha’,'zhai’,'zhan’,'zhang’,'zhao’,'zhe’,'zhen’,'zheng’,'zhi’,'zhong’,'zhou’,'zhu’,'zhua’,'zhuai’,'zhuan’,'zhuang’,'zhui’,'zhun’,'zhuo’,'zi’,'zong’,'zou’,'zu’,'zuan’,'zui’,'zun’,'zuo’)<br />
);<br />
var array = new Array(pinYinArray.length);<br />
for (var i = 0; i < pinYinArray.length; i++)<br />
{<br />
var html  = "";<br />
var myArray = pinYinArray[i];<br />
for (var n = 0; n < myArray.length; n++)<br />
{<br />
html += myArray[n] + " ";<br />
}<br />
html += "";<br />
array[i] = html;<br />
}<br />
return array;<br />
}<br />
function GetFirstLetterArray()<br />
{<br />
var array = new Array(<br />
new Array(‘A’,'B’,'C’,'D’,'E’,'F’,'G’),<br />
new Array(‘H’,'I’,'J’,'K’,'L’,'M’,'N’),<br />
new Array(‘O’,'P’,'Q’,'R’,'S’,'T’),<br />
new Array(‘U’,'V’,'W’,'X’,'Y’,'Z’));<br />
return array;<br />
}<br />
// 调用例子一<br />
new TabPage(200, 50,GetFirstLetterArray(), GetPinYinArray()  );<br />
// 调用例子二<br />
var titleArray = new Array(<br />
new Array(1, 2, 3, 4),<br />
new Array(5, 6, 7, 8),<br />
new Array(9, 10, 11, 12),<br />
new Array(13, 14, 15, 16));<br />
var pageArray =<br />
new Array(1, 2,3 ,4, 5,6,7,8,9,10,11,12,13,14,15,16);<br />
new TabPage(200, 50,titleArray, pageArray  );<br />
</script><br />
<style type="text/css"><br />
.TabTitle {<br />
text-align: center;<br />
background-color:#99CC99;<br />
cursor: hand;<br />
color: #000000;<br />
border-left: 1px solid #F0F0F0;<br />
border-top: 1px solid #F0F0F0;<br />
border-right: 1px solid gray;<br />
border-bottom: 1px solid #F0F0F0<br />
}<br />
.SelectedTabTitle {<br />
text-align: center;<br />
background-color:  #D2D8D8;<br />
cursor: hand;<br />
color: blue;<br />
border-left: 1px solid #F0F0F0;<br />
border-top: 1px solid #F0F0F0;<br />
border-right: 1px solid gray;<br />
}<br />
.TabPage {<br />
background-color:  #D2D8D8;<br />
color: #000000;<br />
border-left:1px solid #F0F0F0;<br />
border-right: 1px solid gray;<br />
border-bottom: 1px solid gray;<br />
}<br />
</style>

发表评论 | Trackback

目前还没有任何评论.

您必须在登录后才能发布评论.

2012 年二月

一二三四五六日

« 六

1 2 3 4 5

6 7 8 9 10 11 12

13 14 15 16 17 18 19

20 21 22 23 24 25 26

27 28 29
分类目录
- AJAX JS
- Android
- ARTICLE
- ASP
- COMPUTER
- D/XHTML CSS
- DB
- DESIGN
- FLASH
- JAVA
- network
- PHP
- SYSTEM
- 未分类
功能
- 注册
- 登录
- 文章 RSS
- 评论 RSS
- WordPress.org
标签
北京纪事对白开源程序房地产经济正则男人必读编码老婆股市经济项目管理 mingle ajax apache AVAYA cisco pix515e css CTI flex HTTP JAVA javascript memcached php Mysql PHP php qq sns Server Server Monitor sns flash 多图上传 VDN

« JAVA 回顾(一) 相关概念篇 J2EE J2SE J2ME CSS常用技巧 »

置顶