隱藏層的開啟和關閉來實現導航

任意標準資料表格(無跨行和跨列)，只要設定id (預設為id = PowerTable )即可生效!

任意修改、刪除、編輯、表格行列，支援拖曳表頭交換列;

按列中英文排序(中文排序支援拼音和筆畫，500 行中文排序不到3 秒!感謝myhyli 幫助，提高了排序速度)

倒出生成精簡數據表(無冗餘代碼)

相關顯示顏色可以通過下面變量自行定制

show_col = false ;

charMode = 1;

act_bgc = "#BEC5DE";

act_fc = "black";

cur_bgc = "#ccffcc";

cur_fc = "black";

ATT. 如果在較大的頁面中引用，請將window.onload 事件的內容指向PowerTable 之後!

PS. 我的漢字排序方法和秋水的應該至少是相當的，都是引用字表，取索引位，只是沒有加上拼音識別罷了，就效率上應該相當的(原理都一樣)!

<!-- All Files Design & Write by Windy_sk, you can use it freely but ... YOU MUST KEEP THIS ITEM ! Email: seasonx@163.net --> <meta http-equiv="Content-Type" content= "text/html; charset=gb2312"> <title>Power Table</title> <style> body{ FONT-SIZE: 9pt; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px PADDING- TOP: 0px; } input { FONT-SIZE: 9pt; height: 15pt; width:50px; cursor: default; } table{ font-size: 9pt; word-break:break-all; cursor: default; BORDER: black 1px solid; background-color:#eeeecc; border-collapse:collapse; border-Color:#999999; align:center; } </style> <script language="JavaScript1.2"> /* This following code are designed and writen="JavaScript1.2"> /* This following code are designed and writen by Windy_sk <seasonx@163.net> You can use it freely, but u must held all the copyright items! */ var Main_Tab = null; var cur_row = null; var cur_col = null; var cur_cell = null_row = null; var cur_col = null; var cur_cell = null; "; var sort_col = null; var show_col = false; var charMode = 1; var act_bgc = "#BEC5DE"; var act_fc = "black"; var cur_bgc = "#ccffcc"; var cur_fc = "black"; function init"; function init"; function in ){ cur_row = null; cur_col = null; cur_cell = null; sort_col = null; Main_Tab = PowerTable; read_def(Main_Tab) Main_Tab.onmouseover = overIt; Main_Tab.onmouseout = outItIt; Main_Tab.Slickc. Org_con = Main_Tab.outerHTML; arrowUp = document.createElement("SPAN"); arrowUp.innerHTML = "5"; arrowUp.style.cssText = "PADDING-RIGHT: 0px; MARGIN-TOP: -3px; PADDING-LEFT: 0pINGx ; FONT-SIZE: 10px; MARGIN-BOTTOM: 2px; PADDING-BOTTOM: 2px; OVERFLOW: hidden; WIDTH: 10px; COLOR: blue; PADDING-TOP: 0px; FONT-FAMILY: webp. document.createElement("SPAN"); arrowDown.innerHTML = "6"; arrowDown.style.cssText = "PADDING-RIGHT: 0px; MARGIN-TOP: -3px; PADDING-LEFT: 0px; FONT-SIZE: 10px; PADDING-LEFT: 0px; FONT-SIZE: 10px; -BOTTOM: 2px; PADDING-BOTTOM: 2px; OVERFLOW: hidden; WIDTH: 10px; COLOR: blue; PADDING-TOP: 0px; FONT-FAMILY: webdings; HEIGHT: 11px"; } function window. ); drag = document.createElement("DIV"); drag.innerHTML = ""; drag.style.textAlign = "center"; drag.style.position = "absolute"; drag.style.cursor = "hand"; drag.style.border = "1 solid black"; drag.style.display = "none"; drag.style.zIndex = "999"; document.body.insertBefore(drag); setInterval("judge_move()",100 ); setInterval("showContent.value=Main_Tab.innerHTML;monitor.value='cur_row: '+cur_row+'; cur_col: '+cur_col + '; sort_col: ' +sort_col",1000); sel_Mode.selectedIndex=charMode. function judge_move(){ move[0].disabled=(cur_row == null || cur_row<=1); move[1].disabled=(cur_row == null || cur_row==Main_Tab.rows.length-1 | | cur_row == 0); move[2].disabled=(cur_col == null || cur_col==0); move[3].disabled=(cur_col == null || cur_col==Main_Tab.rows[0] .cells.length-1); } document.onselectstart = function(){return false;} document.onmouseup = drag_end; function clear_color(){ the_table=Main_Tab; if(cur_col!=null){ for(i=0; i<the_table.rows.length;i++){ with(the_table.rows[i].cells[cur_col]){ style.backgroundColor=oBgc; style.color=oFc; } } } if(cur_row!=null){ for (i=0;i<the_table.rows[cur_row].cells.length;i++){ with(the_table.rows[cur_row].cells[i]){ style.backgroundColor=oBgc; style.color=oFc; } } } if(cur_cell!=null){ cur_cell.children[0].contentEditable = false; with(cur_cell.children[0].runtimeStyle){ borderLeft=borderTop=""; borderRight=borderBottom=""; backgroundColor="" ; paddingLeft=""; textAlign=""; } } } function document.onclick(){ window.status = ""; clear_color(); cur_row = null; cur_col = null; cur_cell = null; } function read_def(the_table) { for(var i=0;i<the_table.rows.length;i++){ for(var j=0;j<the_table.rows[i].cells.length;j++){ with(the_table.rows[i] ){ cells[j].oBgc = cells[j].currentStyle.backgroundColor; cells[j].oFc = cells[j].currentStyle.color; if(i==0){ cells[j].onmousedown = drag_startstarter.color; if(i==0){ cells[j].onmousedown = drag_startstart ; cells[j].onmouseup = drag_end; } } } } } function get_Element(the_ele,the_tag){ the_tag = the_tag.toLowerCase(); if(the_ele.tagName.toLowerCase()==the_tag)return the_ele; while(the_ele_ele; =the_ele.offsetParent){ if(the_ele.tagName.toLowerCase()==the_tag)return the_ele; } return(null); } var dragStart = false; var dragColStart = null; var dragunction } var dragStart = false; var dragStart = null; var dragunction drag_start(){ varrag_start(){ var the_td = get_Element(event.srcElement,"td"); if(the_td==null) return; dragStart = true; dragColStart = the_td.cellIndex; drag.style.width = the_td.offsetWidth; drag.style.height = the_td. offsetHeight; function document.onmousemove(){ drag.style.display = ""; drag.style.top = event.y - drag.offsetHeight/2; drag.style.left = event.x - drag.offsetWidth/2; for(var i=0;i<Main_Tab.rows[0].cells.length;i++){ with(Main_Tab.rows[0].cells[i]){ if((event.y>offsetTop+parseInt(document .body.currentStyle.marginTop) && event.y<offsetTop+offsetHeight+parseInt(document.body.currentStyle.marginTop)) && (event.x>offsetLeft+parseInt(document.body.currentStyle.margineventx) & . offsetLeft+offsetWidth+parseInt(document.body.currentStyle.marginLeft))){ runtimeStyle.backgroundColor=act_bgc; dragColEnd=cellIndex; }else{ runtimeStyle.backgroundor=""; } } } if(event. rows[0].offsetTop+parseInt(document.body.currentStyle.marginTop) && event.y<Main_Tab.rows[0].offsetTop+Main_Tab.rows[0].offsetHeight+parseInt(document.body.currentStymarginginia) )) dragColEnd=null; } drag.innerHTML = the_td.innerHTML; drag.style.backgroundColor = the_td.oBgc; drag.style.color = the_td.oFc; } function drag_end(){ dStart = false; d.ragstyle.display; ="none"; drag.innerHTML = ""; drag.style.width = 0; drag.style.height = 0; for(var i=0;i<Main_Tab.rows[0].cells.length;i++) { Main_Tab.rows[0].cells[i].runtimeStyle.backgroundColor=""; } if(dragColStart!=null && dragColEnd!=null && dragColStart!=dragColEnd){ change_col(Main_Tab,dragStart,dragColEnd); dragColStart==sort_col)sort_col=dragColEnd; else if(dragColEnd==sort_col)sort_col=dragColStart; document.onclick(); } dragColStart = null; dragColEnd = null; document.onmousemove=n 它; cancelBubble=true; var the_obj = event.srcElement; var i = 0 ,j = 0; if(cur_cell!=null && cur_row!=0){ cur_cell.children[0].contentEditable = false; with(cur_cell.children[ 0].runtimeStyle){ borderLeft=borderTop=""; borderRight=borderBottom=""; backgroundColor=""; paddingLeft=""; textAlign=""; } } if(the_obj.tagName.toLowerCase() != "table " && the_obj.tagName.toLowerCase() != "tbody" && the_obj.tagName.toLowerCase() != "tr"){ var the_td = get_Element(the_obj,"td"); if(the_td==null) return; var the_tr = the_td.parentElement; var the_table = get_Element(the_td,"table"); var i = 0; clear_color(); cur_row = the_tr.rowIndex; cur_col = the_td.cellIndex; if(cur_row!=0){ for(row!=0){ for(row!=0){ for(row!=0){ for(row!=0){ for(row! i=0;i<the_tr.cells.length;i++){ with(the_tr.cells[i]){ style.backgroundColor=cur_bgc; style.color=cur_fc; } } }else{ if(show_col){ for(i =1;i<the_table.rows.length;i++){ with(the_table.rows[i].cells[cur_col]){ style.backgroundColor=cur_bgc; style.color=cur_fc; } } } the_td.mode = !the_td .mode; if(sort_col!=null){ with(the_table.rows[0].cells[sort_col]) removeChild(lastChild); } with(the_table.rows[0].cells[cur_col]) appendChild(the_td.mode ?arrowUp:arrowDown); sort_tab(the_table,cur_col,the_td.mode); sort_col=cur_col; } } } function dblclickIt(){ event.cancelBubble=true; if(cur_row!=0){ var the_obj = event.srcElement; if(the_obj.tagName.toLowerCase() != "table" && the_obj.tagName.toLowerCase() != "tbody" && the_obj.tagName.toLowerCase() != "tr"){ var the_td = get_Element(the_obj," td"); if(the_td==null) return; cur_cell = the_td; if(the_td.children.length!=1) the_td.innerHTML="<div>" + the_td.innerHTML + "</div>"; else if(the_td.children.length==1 && the_td.children[0].tagName.toLowerCase()!="div") the_td.innerHTML="<div>" + the_td.innerHTML + "</div>"; cur_cell.children[0].contentEditable = true; with(cur_cell.children[0].runtimeStyle){ borderRight=borderBottom="buttonhighlight 1px solid"; borderLeft=borderTop="black 1px solid"; background"; paddingLeft="5px"; //textAlign="center"; } } } } function overIt(){ if(dragStart)return; var the_obj = event.srcElement; var i = 0; if(the_obj.tagName.toLowerCase() != "table"){ var the_td = get_Element(the_obj,"td"); if(the_td==null) return; var the_tr = the_td.parentElement; var the_table = get_Element(the_td,"table"); if(the_tr .rowIndex!=0){ for(i=0;i<the_tr.cells.length;i++){ with(the_tr.cells[i]){ runtimeStyle.backgroundColor=act_bgc; runtimeStyle.color=act_fc; } } }else { for(i=1;i<the_table.rows.length;i++){ with(the_table.rows[i].cells(the_td.cellIndex)){ runtimeStyle.backgroundColor=act_bgc; runtimeStyle.color=act_fc; } } if (the_td.mode==undefined)the_td.mode = false; the_td.style.cursor=the_td.mode?"n-resize":"s-resize"; } } } function outIt(){ var the_obj = event.srcElement ; var i=0; if(the_obj.tagName.toLowerCase() != "table"){ var the_td = get_Element(the_obj,"td"); if(the_td==null) return; var the_tr = the_td.parentElement; var the_table = get_Element(the_td,"table"); if(the_tr.rowIndex!=0){ for(i=0;i<the_tr.cells.length;i++){ with(the_tr.cells[i]){ runtimeStyle .backgroundColor=''; runtimeStyle.color=''; } } }else{ var the_table=the_tr.parentElement.parentElement; for(i=0;i<the_table.rows.length;i++){ with(the_table.rows[ i].cells(the_td.cellIndex)){ runtimeStyle.backgroundColor=''; runtimeStyle.color=''; } } } } } var charPYStr = "啊阿埃挨哎唉哀皚癌藹矮艾礙愛隘鞍 } } } var charPYStr = "啊阿埃挨哎唉哀皚癌藹矮艾礙愛隘鞍氨安俺按暗岸胺案骯髒昂盎凹敖熬翱蠄傲奧懊澳芭捌扒報銷吧笆八疤巴拔跋靶把耙壩霸罷爸白柏百擺佰敗拜稗斑班搬扳般頒板版扮拌伴瓣半辦絆邦幫梆榜膀綁棒磅蚌鎊傍雨胞包褒剝薄雹保堡飽寶抱報暴豹鮑爆杯碑悲卑北輩背貝鋇倍狽備因焙被奔苯本笨崩繃甭泵蹦迸逼鼻比鄙筆彼碧蓖蔽畢斃毖幣庇邪閉攢弊必闢壁臂避陛鞭邊編貶扁便變​​卞辨辯辮遍標彪膘表鱂憋別癟彬斌瀕濱賓擯兵冰柄丙秉餅炳病並玻鳳播撥缽波博勃搏鉑箔伯帛舶脖脖膊渤泊駁捕卜哺補埠不布步簿部訣擦猜裁材才財睬踩採彩菜蔡餐參蠶殘慚慘燦蒼艙倉滄藏操糙槽曹草廁策側冊測層蹭插叉茬茶查碴搽察岔差詧拆柴豺攙摻蟬饞諂纏鏟產闡述昌猖場嘗長償腸廠敞暢唱倡導超抄鈔朝嘲潮巢吵炒車扯撤搣徹澈郴臣辰塵晨忱沉陳趁襯撐稱城橙成呈乘程懲澄誠承逞騁秤吃痴持匙池遲弛馳恥齒尺赤翅斥熾沖蟲崇寵抽酬疇躊稠愁籌仇綢瞅醜臭初出櫥廚躇鋤雛滁除楚號儲矗觸處揣川穿椽傳船喘串瘡窗幢床闖創吹炊捶錘垂春椿醇唇淳純蠢戳綽疵茲磁雌辭慈瓷詞此刺賜次聰蔥煙囪匆從叢湊粗醋簇促躥篡竄戴崔催脆瘁粹淬翠村存寸磋撮搓措挫錯搭達答瘩打大呆歹傣戴帶殆代貸袋逮捕怠耽擔丹單鄲撣膽旦氮但憚淡誕彈蛋當擋黨蕩檔刀搗蹈倒島禱導到稻悼道盜德得的蹬燈登等瞪凳鄧堤低滴迪敵笛狄滌翟嫡抵底地蒂第帝弟遞締顛掂滇碘點典靛墊電佃甸店惦奠淀殿碉叼雕凋刁掉吊釣調跌嗔碟蝶迭諜疊丁盯叮釘頂鼎錠定訂丟東冬董懂動棟侗恫凍洞兜抖鬥陡豆逗痘都督毒犢獨讀堵睹賭杜鍍肚度渡妒端短鍛段斷緞堆兌隊對墩噸蹲敦頓囤鈍盾遁掇哆多奪垛躲朵跺舵剁惰墮蛾峨鵝俄額螹娥惡厄扼遏鄂餓恩而兒耳爾餌洱二貳發罰筏伐乏閥法琺藩帆番翻樊礬釩繁凡煩反返範販犯飯泛坊芳方‖房防妨仿訪紡放菲非啡飛肥匪、吠肺廢沸費芬酚吩氛分紛墳焚汾粉奮份忿憤糞豐封楓蜂峰鋒風瘋烽逢馮縫諷奉鳳佛否夫敷膚孵扶拂輻幅氟符伏俘服浮澇福袱弗甫撫輔俯釜斧脯腑府腐赴副覆賦復傅付阜父腹負富訃聞附婦縛告訴噶嘎該改概鈣蓋樂乾甘桿柑竿肝趕感稈敢贛岡剛鋼缸肛綱崗港槓篙皋高膏羔糕搞鎬稿告哥歌擱戈鴿葉疙瘩供躬公宮弓鞏汞拱貢共鉤溝苟狗垢構購夠辜負菇咕箍估沽孤姑鼓古蠱骨谷股故顧固僱刮瓜剮寡掛褂乖拐怪棺關官冠觀管館罐慣灌貫光廣逛瑰規圭矽歸龜閨軌鬼詭癸桂櫃跪貴劊輥滾棍鍋郭國果裹過哈骸孩海氦亥害駭酣憨鄒韓含涵寒函喊罕翰撼討旱旱悍焊汗漢夯杭航壕嚎豪毫郝好耗號浩呵喝荷菏核禾和何合盒貉閡河涸赫褐鶴賀嘿黑痕很狠恨哼亨橫衡恆轟哄烘虹鴻洪宏弘紅喉侯猴吼厚候後呼乎忽麋壺葫蘆葫蘆卡槐憫懷淮壞歡環桓還緩換患喚期豢煥渙宦幻荒慌黃磺蝗簧皇凰惶煌晃幌恍謊灰揮輝徽恢蛔回毀悔慧啟蒙惠晦賄會燴匯諱詬繪葷昏婚魂渾混豁活夥火獲或惑霍貨禍擊打者號機畸稽積箕肌饑激覥雞姬績緝吉極棘輯籍集及急疾汲即邪級擠幾脊己薊技冀季伎祭劑悸濟寄寂計記既忌際妓繼紀嘉枷夾佳家加莢頰賈甲鉀假貨價架駕嫁殲監堅尖纈間煎兼肩艱姦緘繭檢柬鹼鹼揀撿簡儉剪減薦弔鑑踐賤見鍵箭件健艦劍餞漸濺澗建僵姜將漿江疆蔣槳獎講匠醬降蕉椒礁焦膠交郊澆驕嬌嚼攪鉸矯僥腳狡角餃繳絞剿教酵轎較叫窖揭接皆秸街階截劫節莖睛晶鯨京驚精粳經井警景頸靜境敬鏡徑痙靖竟競淨炯窘揪究糾玖韭久灸九酒厩救舊臼舅咎就內疚鞠拘狙疽居駒菊局咀舉違聚拒據巨具距踞鋸俱句懼炬劇捐鵑娟倦眷卷絹撅攫抉掘倔爵桔傑捷睫竭潔結解姐戒藉芥界借介疥誡誡戒巾斤金今津襟緊錦僅謹進靳晉禁近燼浸盡勁荊兢覺決訣絕均菌鈞軍君峻俊竣浚郡駿喀咖卡咯開揩楷凱慨刊堪勘坎砍看康糠扛抗亢炕考拷烤靠坷苛柯棵磕顆科殼咳可渴克刻客課肯啃墾懇坑吭空恐孔控摳口扣寇枯哭窟苦酷庫褲誇垮挎跨胯下筷子儈快寬款匡汙狂框礦眶曠況虧盔巋窺葵奎魁樂饋愧潰坤昆捆被困擴廓闊弘拉喇蠟臘辣啦萊來賴藍欄攔籃闌蘭瀾讕攬覽懶纜爛濫瑯榔狼廊郎朗浪撈勞牢老佬姥酪烙澇勒樂雷鐳蕾磊累惑壘擂肋類淚棱楞冷厘梨犁黎籬狸離漓理李裡鯉禮莉荔吏栗麗厲勵礫歷利傈例俐痢立粒瀝隸力璃哩倆聯蓮連鐮廉憐漣簾斂臉鍊戀煉練糧涼梁粱良兩輛量晾亮諒撩聊僚療燎寥遼潦了撂鐐廖料列裂烈劣獵琳林磷霖臨鄰鱗淋凜許吝拎玲菱零齡鈴伶羚凌靈陵嶺領另令溜琉榴硫餾留劉瘤流柳六龍聾証籠窿隆壟斷隴樓婁摟簍巒攣孿灤卵亂掠略掄輪倫崙淪綸論蘿螺羅邏鐓籮騾裸落洛駱絡媽麻瑪碼馬罵嘛嗎埋買麥賣邁脈瞞饅蠻滿蔓曼慢漫諫芒茫盲糜迷謎彌米秘覓食泌蜜密冪棉眠綿冕免勉娩緬面苗描瞄藐秒渺廟妙蔑滅民抿皿敏憫閩明螟鳴銘名命謬摸摹胥模膜磨摩魔抹末莫墨默沫漠寞陌謀牟某拇白畝姆母墓暮幕募慕木目睦牧穆拿哪吶鈉那娜納氖乃奶耐奈南男難囊撓腦惱鬧淖呢餒內嫩能妮霓倪泥尼擬你匿膩逆溺蔫拽年碾攆捻念娘釀鳥尿捏聶努怒女暖虐瘧挪懦糯諾哦歐鷗毆藕嘔偶滄啪趴爬帕怕琶拍排牌背誦湃派攀潘盤磐盼畔判叛乒乓球龐旁耪胖拋下刨炮袍跑泡呸胚培裴賠配佩沛噴盆砰抨擊烹煮彭蓬棚硼篷膨朋鵬捧碰坯砒霹靂號撇瞥拼頻貧品聘乒乓蘋萍平憑瓶評屏坡潑頗婆破魄迫粕剖撲鋪僕莆葡菩蒲埔樸圃普浦譜曝瀑期欺棲戚妻七淒漆柒沏其棋奇歧畦崎臍齊旗祈祁騎起豈乞企啟契砌器氣止棄汽譾掐洽牽搦釬鉛千遷簽仟謙乾黔錢鉗前潛遣淺澱塹嵌欠歉槍嗆腔羌牆薔強搶橇鍬敲悄橋瞧喬僑巧鞘撬翹峭俏竅切茄且怯竊欽侵親秦琴勤芹擒禽寢沁青輕氫傾卿清擎晴氰秋丘邱球求囚酋泅趨區蛆曲軀屈驅渠取娶齲趣去圈頦權醛泉全痊癒拳犬券勸缺炔瘸卻鵲榷確雀裙群然燃冉染甕壤攘嚷讓饒擾繞惹熱壬仁人忍韌任認刃米亞縫紉扔仍日戎茸蓉榮融熔溶容絨冗餘柔肉茹蠕儒孺如辱乳汝入褥軟阮蕊瑞銳閏潤若弱撒灑薩腮鰓塞賽三叁傘散桑嗓喪撓騷掃嫂瑟色澀森僧莎砂殺剎沙紗傻啥煞篩曬珊苫杉山刪煽衫閃陝擅贍善汕扇緹墒傷商賞晌上尚裳梢捎稍燒芍勺韶少哨邵紹奢賒蛇舌舍赦攝射懾涉社設砷申庇伸身深推導紳神沈審嬸甚腎慎滲聲生甥牲升繩省盛剩勝聖師失獅施濕詩屍蝨十石拾時什食蝕實識史矢使屎駛始式示士世柿事拭誓逝勢是嗜噬適仕侍釋飾氏市恃室視試收手首守壽授售受瘦獸蔬果樞梳殊抒叔舒淑疏書贖孰熟薯暑曙署蜀黍鼠屬術述樹束戍豎緣庶數漱恕刷耍摔衰甩帥栓拴霜雙爽誰水睡稅吮瞬順舜說碩朔爍斯撕嘶思私司絲死肆寺嗣四伺似飼巳松聳慫頌送宋訟搜艘擻咳蘇酥俗素速粟僳塑溯宿訴肅酸蒜算雖隋隨綏髓碎歲穗遂隧祟孫損筍蓑梭唆縮瑣索鎖所塌他它她塔獺撻蹋踏胎苔抬台泰酞太態汰坍攤貪癱灘壇檀痰潭譚談坦毯碳探嘆炭湯塘搪堂棠膛唐糖倘躺淌趟燙掏濤滔絹桃逃淘陶討套特藤騰疼耆梯剔踢銻提題蹄啼體替嚏涕剃痛偷投頭透凸禿突圖徒途塗屠土吐兔湍團推頹腿蛻褪退吞屯臀拖托脫鴕陀馱駝橢妥拓唾挖哇蛙窪娃瓦襪歪外。玩頑丸烷完碗挽晚皖惋宛婉萬腕汪王亡枉網往旺望忘妄威巍微危韋違桅圍唯惟為濰維葦萎委偉偽尾緯未蔚味畏胃餵魏位渭謂尉慰衛瘟溫蚊文聞紋吻穩紊問翁甕撾蝸渦窩我斡臥握沃巫嗚鎢烏污詬屋無蕪梧吾吳毋武五摀午舞伍嗡塢戊霧晤物不要務悟誤昔熙析西硒矽晰嘻吸錫稀息希悉膝夕惜熄烯溪汐犀檄襲席習媳喜銑洗系隙戲細瞎蝦匣霞轄暇峽俠狹下廈夏嚇掀鋤先仙鮮纖鹹賢銜舷閒涎弦嫌顯險現獻縣腺餡羨慕憲陷限線相廂鑲香箱襄湘鄉翔祥詳想響享項鍊橡像向象蕭硝霄削哮囂牌消宵型形邢行醒幸杏性姓兄兇胸匈洶雄熊休修羞朽嗅銹秀袖繡墟戌需虛偽須徐許蓄蓄敘旭序畜卹絮跋緒續軒喧宣懸旋玄選癬眩綏靴薛學穴雪血勳燻循旬詢尋馴巡殉汛訓訊遜迅壓押鴉鴨呀丫芽牙蚜崖衙涯雅啞巴顏閻炎沿奄掩眼衍演艷堰燕厭硯雁唁彥焰宴諺驗殃央鴯秧楊揚佯潰瘍羊洋陽氧仰癢養樣漾腰妖瑤搖堯遙窯謠咬一口要耀姚椰噎耶爺野冶也頁掖業葉曳腋夜液一壹醫揖銥依伊衣頤夷遺移儀胰疑沂宜姨彝椅蟻倚已乙矣以藝抑易邑屹億役臆逸肄疫亦裔意毅憶義益溢詣議誼譯異翼翌繹蔭因殷音陰姻吟銀淫寅飲尹引隱印英櫻嬰鷹應纓瑩螢營螢蠅迎贏盈影穎硬映喲擁傭臃癆雍踴蛹詠泳湧永恿勇用幽優悠憂尤由郵鈾猶油遊酉有友右佑釉誘又幼迂淤於盂榆虞愚餘俞逾魚愉渝漁隅予娛雨與嶼禹宇羽玉域芋鬱籲籲遇喻峪禦愈欲獄育譽浴寓裕預豫駕馭鴛淵冤元垣袁原援轅園員圓猿源緣遠苑願怨院曰約越躍鑰岳粵月悅閱耘雲鄖勻隕允運蘊醞釀韻孕匝砸雜栽哉災宰載再在咱攢暫贊軄臟葬遭糟鑿藻棗早澡蚤躁噪造皂灶燥責擇則澤賊怎增憎曾贈扎喳渣札軋鉡閘眨柵榨咋乍炸詐摘齋宅窄債寨瞻氈詹粘沾盞斬輒嶄展蘸棧佔戰站湛綻樟章彰漳張掌漲杖丈帳帳仗脹瘴障招昭找沼贛貞針偵枕疹診震振鎮陣蒸掙睜徵猙爭怔整思正政幀症鄭證芝枝支吱沖明肢脂汁之織職直植殖執值侄址指止趾只旨紙志摯擲至致置格對峙制智秩稚質炙痔滯治剋貯鑄築住注祝駐抓爪拽專磚轉撰賺篆樁莊裝妝撞壯狀椎錐追贅墜綴謔準捉拙卓桌琢茁酌啄著灼濁茲諮資姿滋淄孜紫仔籽滓自漬字鬃棕蹤宗綜總縱鄒走奏揍租足卒族祖詛阻組鑽纂嘴醉最罪尊遵昨左佐柞做作坐座"; var charBHStr = "一乙丁七乃九了二人兒入八幾刀刁力十卜廠又萬丈三上下個丫丸久麼義乞也習鄉於虧亡億凡刃勺千衛叉口土士夕大女子寸小釜山川工己已巳巾乾廣弓才門飛馬不與醜專中豐丹為之烏書予雲互五井亢什仁僅僕仇今介仍從侖倉允元公六內岡冗餘兇切勸辦勾勿勻化匹區升午卞厄廳歷及友雙反壬天太夫孔少尤尹尺屯巴幣幻開引心憶戈戶手扎支文鬥斤方無日曰月木欠止歹毋比毛氏氣水火爪父片牙牛犬王瓦藝見計訂訃認謔貝車鄧長隊韋風且世丘丙業叢東絲主乍乎乏樂仔仕他仗付仙仟代令以儀們兄蘭冉冊寫冬馮凸凹出擊刊功加務包匆北匝惑半佔卡盧卯厲去發古句另只叫召叮噹叮可台史右葉號司嘆叼囚四聖處外央夯失頭奴奶孕寧它對爾尼左巧巨市布帥平幼弗弘歸必戊撲扒打扔斥旦舊未末本札術正母民永汀汁匯漢滅犯玄玉瓜甘生用甩田由甲申電白皮皿目矛矢石示禮禾穴立糾艾節討讓諫訓議訊記軋邊遼閃饑淘捶丟乒乓喬買爭亞交亥亦產仰仲件價任份仿企伊伍伎伏伐休眾優夥會傘偉傳傷倫偽充兆先光全共關興再軍農冰衝決刑劃列劉則剛創劣動匈匠匡華協印危壓厭籲籲吃各合吉吊同名後吏吐向嚇呂嗎回因團在圭地場壇壯多夷誇夾奪姦她好如妄妝婦媽字存孫宅宇守安寺尋導尖塵堯盡屹嶼歲豈州巡鞏帆師年並莊慶延廷異式弛當忙戌戍戎戲成托扛扣扦執擴掃揚收旨早旬旭曲曳有朱樸朵機朽殺雜權次歡此死畢氖汐汕汗汛汝江池污湯汲燈灰爺牟百祁竹米紅纖約級紀縫紉網羊羽老考而耳肉肋肌臣自至臼舌舟色芋芍芒芝蟲血行衣西觀講諱，許谹論訟諷設訪訣貞負軌達遷迂止迅過邁邢那邦邪閉問闖阮防陽陰陣階頁馱馴馳齊兩嚴串麗亂亨畝伯估伴伶伸似佃但位低住佐佑體何餘佛作你傭克免兌兵況冶冷凍初刪判刨利別助努劫勵志勞匣醫鹵即卻卵縣君吝吞吟吠否吧噸吩含聽吭吮吱吳吵吸吹吻吼吾呀呆呈告吶嘔員嗆嗚囤園困煙囪圍址均坊坍坎壞坐坑塊堅壇壩塢墳墜聲殼嫉妒妓妖妙妥妨孜孝宋完宏壽尾尿局屁層岔崗島希帳庇床序廬庫應棄弄弟張形彤役徹忌忍志忘憂快忱忻懷我戒扭扮擾扳扶批扼找技抄抉把抑抒抓投抖抗折撫拋摳掄搶護報拒擬改攻旱時曠更桿杉李杏材村杖杜束槓條來楊極步殲每求汞汪汰洶汽汾沁沂沃沈沏沙沛溝沒漚瀝淪滄滄泛靈灶灸灼災燦白牢狀猶狂狄狽玖瑪甫男甸療皂盯矣社秀私禿究窮系緯純紗綱納縱綸紛紙紋紡紐罕羌肖肘肚肛肝腸良蕪芥蘆芬芭芯花芳芹芽葦蒼蘇補角言證評詛詐訴診詬詞譯谷豆貢財赤走足身軒辛辰迎運近返還這進遠違連遲邑郵鄔邱邵鄒鄰酉裡針釘閏閒間悶阻阿陀附際陸陝陳韌飯飲驅駁驢雞麥龜喪乳事些享京佩佬佯佰佳使侄例侍侗供依俠情侶僥偵側僑儈兔其具典淨憑凱函刮到製刷券剎刺刻劊剁劑勢卑卒卓單賣臥卷廁叁參叔取呢週味呵哭呼命咀咋與咎詠囑咐咒咕咖叼審尚居屈抽屜屆岩嶺岳岸巋巫帕帖簾帚帛幟幸底店廟庚府龐廢建彌弦弧錄彼往徵徑忠念忽忿態慫怔怕冗憐性怪怯或房所承抨擊披抬抱抵抹押抽抿拂拄擔拆拇拈拉拌拍拎拐拓拔拖拘拙招攏揀擁攔擰撥擇放斧斬旺昂昆昌明昏易昔朋服杭杯傑松板構枉析枕林枚果枝樞棗槍楓櫃欣歐武歧毆炔炕炙炬爬爸版牧物狐狗狙獰玩玫環現甕畫暢疙內疚瘧潰瘍的盂盲直知矽礬礦碼祈稈秉空線練組紳細織終絆紹繹經羅者耶肅股肢膚肥肩‖骯髒育肺腎腫脹脅舍艱苑苔苗苛苞苟若苦苫苯英蘋茁茂範茄茅莖虎虜蝨錶衫襯規覓食試詩誠誅話誕詭詢詣該詳詔責賢敗帳貨質販貪貧貶購貯貫轉輪軟轟迢迢迪迫迭述鬱郊郎鄭採金釬釩釣閘鬧阜陋陌降限陝隸雨青非頂公頃餞飾飽飼駛駒駐駝駕魚鳴齒臨舉亭亮親侮侯侵便促俄俊俏俐俗俘保俞信倆儉修茲養冒冠剃削前剮劍勃勇勉勳南卸厘厚受變敘叛諮咬咯咱咳鹹咽哀品哄哆哇哈哉響啞嘩喲哪型壘垛垢垣墾墊垮城復奎奏契獎姚姜姥姨姻姿威娃婁嬌娜孩孿客宣室宦憲宮封將嘗屋屎屏峙峽巒差巷帝帶幀幫幽度庭彎彥彪待很瞠律怎怒思怠急怨總恃恍恆恢卹恨恫恬惱戰扁拜括拭蹼拱拴拷拼拽持掛指按挎挑挖撾撻挾撓擋掙擠揮挪挺政故施既星映春昧昨昭是晝顯枯架枷柄柏某柑柒染柔柞檸查柬柯柱柳柿柵標棧棟欄樹歪殃殆殘段毒毖毗氈氟氫泉泵潔洋灑洗洛洞津洪洱洲活窪洽派澆濁測濟渾濃涎炭炮炯炳炸點煉熾漾爛烴牲牽狠狡獨狹獅猙獄玲玻珊珍琺甚甭界畏疤疥疫瘡瘋癸皆皇盅盆盈相盼盾省眉看眨矩砂砌砍砒研磚硯祖祝神禹秋種科秒穿突竊豎竿類籽綁絨結繞繪給綏絡絕絞統缸罰美耍耐胃膽背胎胖胚勝胞胡脈繭茨茫茬茵茶茸茹荊草荒薦荔莢蕩榮葩螢蔭藥虐虹雖蝦蝕蟻蚤衍襖要覽覺誡詬語誤誘詔說誦贁賤貼貴貸貿費賀赴趙趴軸輕迷迸跡追退送適逃逆選遜郝郡鄖酋重鈣鈍鈔鐘鈉鋇鋼鑰欽鈞鈁鉤鈕閩聞閩閥閣閩陛陡院除隕險面革韭音項順鬚食餌饒餃子首香罵駱駭骨鬼鷗鴉乘俯俱俺倍倒倔倘候倚藉倡導倪債值傾健黨兼冤淒準涼凋凌剔剖剝劇匪匿卿原哥哦哨哩哭哮哲哺哼唁唆唇唉唐喚啊圃圓埂埃埋埔壺夏套姬娘娟ṣ娥娩娛宰害宴宵家容寬賓射屑展峨峪峭峰峻席座弱徐徒戀恐恕恩恭息懇惡悄悍悔悟悅憫扇拳拿摯攣挨挫振挽摀捅捆捉捌★捎捏捐捕撈損撿換搗效敵敖齋料旁旅晃晉晌曬曉暈晚朔朗柴栓棲栗校株樣核根格栽桂桃桅框案桌桐桑桓桔檔橋槳樁梆梢梧梨殉殊殷斃氦氧氨泰流漿浙浚浦浩浪浮浴海浸塗涅消涉湧涕濤澇澇渦渙滌潤澗漲澀烈烘烙燭煙烤煩燒燴燙愛爹特威狸狼珠班瓶瓷畔留畜疲疹疼疽疾病症癰痙皺益盎盞鹽監真眠眩砧砰破砷砸礫祟瑪利亞離秘租秤秦秧秩積稱窄竅站競笆筍笑筆粉紊素索緊絹繡綏絹繼缺罷羔羞翁翅耕耗耘聳恥耽耿聶胯胰葉草膠胸胺能脂脆脊臟臍腦膿臭致舀航般艦艙艷荷莆莉莎莫萊蓮獲瑩莽慮蚊蚌蠶蚜衰衷袁袍袒袖襪被請諸諾讀出類課程誰調諒諄談誼豹豺賊賈賄賄收贓物趕起躬載轎較辱透逐遞途逗通逛逝逞速造逢部郭郴鄲都酌配酒釜錢鉗缽鑽鉀鈾鐵鉑鈴鉛鉚閱陪陵陶陷難頑顧頓頒頌預餓餒騁驗駿高鴨鴯鴯鴝乾假偏做停偶偷償徵兜獸冕減湊凰剪副勒勘匙廂厩唬售唯唱唾啃啄商啡啤啥啦啪嚙嘯圈域埠培基堂堆塹墮落夠奢娶婆婉婚凜嬰嬸孰宿寂寄寅密寇尉屠崇崎崔崖崩嶄巢常庶康庸廊彈彩彬恿恿悉悠患您懸悸悼情驚惋掐惜惟惦懼慘慚憚慣戚捧據捶捷捻掀掂撻授掉掏掐排掖掘掠探接控推掩措擄擲撣摻敏救教斂敝敢斜斷旋族晤晦晨曹曼望桶梁梅梗夢梭梯械梳檢欲毫澇涯液涵涸淀淄悄悄噎淑淖淘淡淤淫淬淮深淳混淹添清淵漬漸漁滲渠烯烷烹調烽焉焊煥爽犁獵猖獗猜豬貓率球瑯理琉瑣甜略畦疵痊癒痔痕皚盒盔蓋盜盤盛瞇眶眷眺眼著睜矯矽硒碩票祭禱告秸移穢窯竟章笛符笨第篤籠粒粕粗粘累績續綽繩維綿繃綢綜綻綠綴羚翌聊聾職脖腳脯脫臉舵舶舷船菇菊菌菏菜鳳菩菱菲甕萌萍萎蘿螢營蕭薩著虛蛀蛆蛇蠱蛋挑釁銜袋襲袱謀諜謊諧謂諂諺赦趾躍距軀輔輛逮捕逸邏鄂導酚醞釀酞野銅鋁銠銑鉻銘鉸銥鏟銀閹閻闡述隅隆隋隨隱雀雪顱領頗頸餡館騎鴿鴻鹿麻黃龔傅傈傍傣儲傲鑿剩割募博廈廚啼喀餵善喇喉喊喘喜喝喧喳噴喻堡堤堪堰塔壹奠奧嶼媒媚嫂富寐寒寓尊就屬屢嵌帽冪幅強彭禦循悲惑惠懲晶智晾暑曾替最朝期棉棋棍棒棕棘棚棠森棱棵棺椅植椎椒橢椰榔欺石殖毯氮氯氰渝渡渣渤溫渭港渴遊渺湃湍湖湘湛灣濕潰濺廄滁滋滑滯焙焦焰然煮牌犀犢猩猴骸琢琳琴琵琶瓊甥番疇疏痘痛痞痢癱瘓登皖短硝硫硬確鹼祿禽稀程稍稅窖窗窘竄窩竣童等筋筏筐築筒答策篩粟粵粥糞紫絮緘緬纜緝緞緩締縷編緣羨慕翹聯脾腆臘腋腑腔腕舒舜艇落葛葡董葫蘆蔥葵蒂蔣蛔蛙蛛蛤蠻蟄”街裁裂裝裕裙褲謝謠謗謙賦賭贖賞賜賠趁超越趨跋跌跑踐輩輝輥辜負逾遁遂遇遍遏道遺酣酥釉釋量鑄鋪鏈銷鎖鋤鍋銹鋒鋅銳銻闌闊隔隘隙雁雄雅集僱韓頰饋饞騙騷魯鵑鵝黍黑鼎催傻像剿勤疊嗅嗓子嗜嗡嗣塌塑塘塞填墓媳嫁接嫌寢寞幌幕廉廓微想愁愈意愚感慈慎懾搏搞搪搬攜攝擺搖擯攤摸數斟新暇暖暗椽椿楔楚楞楷樓概榆槐歇歌殿毀源溜溢溪溯溶溺滇滓滔滾滿濾濫灤濱灘漓漠煌煎煞煤照獻猿謙瑞瑟瑰甄畸痰癡證瘁盟睛睡督睦睫睬睹矮硼碉碌礙碎碑碗碘碰禁福稗稚稠窟窺筷籌簽簡糧粱粳縛縫纏罩罪置署群聘肄肆腥腮腰腹腺膩騰腿舅蒙蒜蒲蒸蓄蓉蓑蓖藍薊蓬虞蛹蛾蜂蛻蝸衙裔裸褂解觸詹譽謄謹虞謬豢貉賴跟跨跪路跳跺躲輻輯輸辭闢遣遙鄙酪酬酮醬鑑鍺錯錨錫鑼錘錐錦鍁錠鍵鋸錳障雍雛零雷雹霧靖靳靴靶韻頤頻頹穎餾魁魂鮑鵲鵬鼓鼠齡僚僧僳兢凳0嘉嘎噓嘛境墒牆嫡山孵察寡寥寨廖弊彰願慕慢謙截摔摘摧摹撂撇敲斡旗榜榨榴榷門檻模歉滴漂漆漏演漫漱漳漾濰煽熄熊熏熔熙熬瑤璃疑瘟瘦瘩瞅碟碧鹼碳碴磁磋穩竭端箍箔箕算管籮粹精纓縮翟翠聚肇腐膀膊膏褪誓譚諦譜豪貌贅賺賽赫踴躊轅轄輾辣遭遮酵酶酷酸釀鍬鍛鍍鎂隧雌需靜韶顆饅騾魄鮮鼻僵凜劈囑咐嘶嘶嘿嗆噶增墟墨墩履幢影德慧慰憋憎憨懂戮摩撅撐撒撕撞撤撩撬播撮撰攆擒敷暮暴槽樊樟橫櫻橡毅潛潦潭潮澄澈澎瀾澳熟瘤癟癱瞎瞞碾磅磊磐磕稻作稽核箭箱篆篇簍糊繕聰膘膛膝艘蔬蕉蕊蘊蠍蝗蝴蝶褒褥勵踞踢踩蹤遵醇醉醋鎮鑷鎳鎬鎊霄震黴靠鞋鞍題顏額飄骸鯉鶴黎儒冀凝嘴器噪噬壁憾懊懶撼擂擅操擎擻整橇橙櫥滄澡激瀕燃燎燕獺瓢癰瘸瞥磨磺穆窿篙篡籃籬篷糕糖糙繳翰翱耪膨膳臻蕾薄薛薪薯融螟衡贊贈蹄轍辨認避邀醒醚醛鏡雕霍霓霖靛鞘顛餐鯨黔默嚎嚎嚏壕孺徽懦戴擦曙檀檄ṣ燥爵癌瞧矚目瞪瞬瞳磷礁穗簇簧糜糟糠繁翼臀臂臃臆藉藏藐螺襄豁贛贏蹈蹋辮鐓霜霞鞠驟魏鰓齲囂彝戳瀑瞻翻藕藤藩襟覆蹦躇鑭鐮鞭鬃鷹孽攀攢爆瓣疆癬簿羹藻灌蟹警蹬蹭蹲躥靡顫鱔麓嚷爆瓣疆癬簿羹藻灌流糯纂耀蠕譬躁魔鱗蠢贛露霸霹靂囊甕沾鑲攫罐顴矗"; function judge_CN(char1,char2,mode){ var charSet=charMode?charBHStr:charPYStr; for(var n=0; n<(char1.length>char2.length?char1.length:char2.length);n++){ if(char1.charAt(n)!=char2.charAt(n)){ if(mode) return(charSet.indexOf (char1.charAt(n))>charSet.indexOf(char2.charAt(n))?1:-1); else return(charSet.indexOf(char1.charAt(n))<charSet.indexOf(char2.charAt( n))?1:-1); break; } } return(0); } function sort_tab(the_tab,col,mode){ var tab_arr = new Array(); var i; var start=new Date; for(i =1;i<the_tab.rows.length;i++){ tab_arr.push(new Array(the_tab.rows[i].cells[col].innerText.toLowerCase(),the_tab.rows[i])); } function SortArr(mode) { return function (arr1, arr2){ var flag; var a,b; a = arr1[0]; b = arr2[0]; if(/^(+|-)?d+($ |.d+$)/.test(a) && /^(+|-)?d+($|.d+$)/.test(b)){ a=eval(a); b =eval(b); flag=mode?(a>b?1:(a<b?-1:0)):(a<b?1:(a>b?-1:0)); }else { a=a.toString(); b=b.toString(); if(a.charCodeAt(0)>=19968 && b.charCodeAt(0)>=19968){ flag = judge_CN(a,b,mode) ; }else{ flag=mode?(a>b?1:(a<b?-1:0)):(a<b?1:(a>b?-1:0)); } } return flag ; }; } tab_arr.sort(SortArr(mode)); for(i=0;i<tab_arr.length;i++){ the_tab.lastChild.appendChild(tab_arr[i][1]); } /* for(i =0;i<tab_arr.length;i++){ the_tab.rows[i+1].swapNode(tab_arr[i][1]); } ================= ================================================== ================= // tab_arr.push(new Array(the_tab.rows[i].cells[col].innerText.toLowerCase(),i)); for( i=0;i<tab_arr.length;i++){ the_tab.insertRow(-1); the_tab.rows[the_tab.rows.length-1].style.display="none"; change_row(the_tab,tab_arr[i] [1],the_tab.rows.length-1); } for(i=0;i<tab_arr.length;i++){ the_table.deleteRow(1); } ============= ================================================== ===================== tab_arr=(new Array(new Array(0,0))).concat(tab_arr); var temp = 1; var change_line= 1; for(i=1;i<tab_arr.length;i++){ //alert(tab_arr[temp][1] + ' - ' + temp) if(tab_arr[temp][1] != change_line){ change_row (the_tab,tab_arr[temp][1],temp); tab_arr[temp][2] = true; temp = tab_arr[temp][1]; }else{ alert(change_line); } } */ window.status = " (Time spent: " + (new Date - start) + "ms)"; } function change_row(the_tab,line1,line2){ the_tab.rows[line1].swapNode(the_tab.rows[line2]) } function change_col( the_tab,line1,line2){ for(var i=0;i<the_tab.rows.length;i++) the_tab.rows[i].cells[line1].swapNode(the_tab.rows[i].cells[line2]) ; } function Move_up(the_table){ event.cancelBubble=true; if(cur_row==null || cur_row<=1)return; change_row(the_table,cur_row,--cur_row); } function Move_down(the_table){ event.cancelcelbbleBubble =true; if(cur_row==null || cur_row==the_table.rows.length-1 || cur_row==0)return; change_row(the_table,cur_row,++cur_row); } function Move_left(the_table){ event. cancelBubble=true; if(cur_col==null || cur_col==0)return; change_col(the_table,cur_col,--cur_col); if(cur_col==sort_col)sort_col=cur_col+1; else if(cur_col+1= =sort_col)sort_col=cur_col; } function Move_right(the_table){ event.cancelBubble=true; if(cur_col==null || cur_col==the_table.rows[0].cells.length-1)return; change_col(the_table, cur_col,++cur_col); if(cur_col==sort_col)sort_col=cur_col-1; else if(cur_col-1==sort_col)sort_col=cur_col; } function add_row(the_table) { event.cancelBubble=true; var the_row,true; the_cell; the_row = cur_row==null?-1:(cur_row+1); clear_color(); var newrow=the_table.insertRow(the_row); for (var i=0;i<the_table.rows[0].cells. length;i++) { the_cell=newrow.insertCell(i); the_cell.innerText="NewRow_" + the_cell.parentElement.rowIndex; } read_def(the_table); } function del_row(the_table) { if(the_table.rows.length==rows.length==rows.length==rows. 1) return; var the_row; the_row = (cur_row==null || cur_row==0)?-1:cur_row; the_table.deleteRow(the_row); cur_row = null; cur_cell=null; } function add_col(the_table) { event .cancelBubble=true; var the_col,i,the_cell; the_col = cur_col==null?-1:(cur_col+1); var the_title=prompt("Please input the title: ","Untitled"); if(the_title= =null)return; if(the_col!=-1 && the_col<=sort_col && sort_col!=null)sort_col++; the_title=the_title==""?"Untitled":the_title clear_color(); for(var i=0;i <the_table.rows.length;i++){ the_cell=the_table.rows[i].insertCell(the_col); the_cell.innerText=i==0?the_title:("NewCol_" + the_cell.cellIndex); } read_def(the_table) ; } function del_col(the_table) { if(the_table.rows[0].cells.length==1) return; var the_col,the_cell; the_col = cur_col==null?(the_table.rows[0].cells.length- 1):cur_col; if(the_col!=-1 && the_col<sort_col && sort_col!=null)sort_col--; else if(the_col==sort_col)sort_col=null; for(var i=0;i<the_table.rows .length;i++) the_table.rows[i].deleteCell(the_col); cur_col = null; cur_cell=null; } function res_tab(the_table){ the_table.outerHTML=Org_con; init(); } function exp_tab(the_table){ init(); } function exp_tab(the_table) { init(); } function exp_tab(the_table){ init(); the_content=""; document.onclick(); the_content=the_table.outerHTML; the_content=the_content.replace(/ style="[^"]*"/g,""); the_content=the_content.replace(/ mode="(false|true)"/g,""); the_content=the_content.replace(/ oBgc="[w#d]*"/g,""); the_content=the_content.replace (/ oFc="[w#d]*"/g,""); the_content=the_content.replace(/<span>(5|6)</span>/gi,""); the_content=the_content.replace(/<DIV contentEditable=false>(.*)</DIV>/ig,"$1"); the_content="<style>table{font-size: 9pt;word-break:break- all;cursor: default;BORDER: black 1px solid;background-color:#eeeecc;border-collapse:collapse;border-Color:#999999;align:center;}</style>n"+the_content; var newwin= window.open("about:blank","_blank",""); newwin.document.open(); newwin.document.write(the_content); newwin.document.close(); newwin=null; } </ script> <TABLE width=100% border=1 cellSpacing=0 cellPadding=2 id="PowerTable"> <TR align=middle bgColor=#ffcc00> <TD>First Name</TD> <TD>Last Name</TD > <TD>Team</TD> <TD>Engine</TD> <TD>Tyres</TD> <TD>Fastest Lap</TD> <TD>國</TD></TR> <TR> < TD>Michael</TD> <TD>Schumacher</TD> <TD>Ferrari</TD> <TD>Ferrari</TD> <TD>Bridgestone</TD> <TD>1.15.872</TD> < TD>德國</TD></TR> <TR> <TD>Rubens</TD> <TD>Barrichello</TD> <TD>Ferrari</TD> <TD>Ferrari</TD> <TD>Bridgestone </TD> <TD>1.16.760</TD> <TD>法國</TD></TR> <TR> <TD>Ralph</TD> <TD>Schumacher</TD> <TD>Williams< /TD> <TD>BMW</TD> <TD>Michelin</TD> <TD>1.16.297</TD> <TD>美國</TD></TR> <TR> <TD>Juan-Pablo </TD> <TD>Montoya</TD> <TD>Williams</TD> <TD>BMW</TD> <TD>Michelin</TD> <TD>1.17.123</TD> <TD>柬埔寨</TD></TR> <TR> <TD>David</TD> <TD>Coulthard</TD> <TD>McLaren</TD> <TD>Mercedes</TD> <TD>Bridgestone</TD > <TD>1.16.423</TD> <TD>泰國</TD></TR> <TR> <TD>Mika</TD> <TD>Hakkinen</TD> <TD>McLaren</TD> <TD>Mercedes</TD> <TD>Bridgestone</TD> <TD>1.16.979</TD> <TD>越南</TD></TR> <TR> <TD>Jarno</TD> < TD>Trulli</TD> <TD>Jordan</TD> <TD>Honda</TD> <TD>Bridgestone</TD> <TD>1.16.459</TD> <TD>菲律賓</TD>< /TR> <TR> <TD>Ricardo</TD> <TD>Zonta</TD> <TD>Jordan</TD> <TD>Honda</TD> <TD>Bridgestone</TD> <TD>1.17 .328</TD> <TD>英國</TD></TR> <TR> <TD>Olivia</TD> <TD>Panis</TD> <TD>BAR</TD> <TD>Honda< /TD> <TD>Bridgestone</TD> <TD>1.16.771</TD> <TD>蒙古</TD></TR> <TR> <TD>Jacques</TD> <TD>Villeneuve</ TD> <TD>BAR</TD> <TD>Honda</TD> <TD>Bridgestone</TD> <TD>1.17.035</TD> <TD>馬來西亞</TD></TR> <TR > <TD>Kimi</TD> <TD>Raikkonen</TD> <TD>Sauber</TD> <TD>Petronas</TD> <TD>Bridgestone</TD> <TD>1.16.875</TD > <TD>緬甸</TD></TR> <TR> <TD>Nick</TD> <TD>Heidfeld</TD> <TD>Sauber</TD> <TD>Petronas</TD> <TD >Bridgestone</TD> <TD>1.17.165</TD> <TD>北韓</TD></TR> <TR> <TD>Eddie</TD> <TD>Irvine</TD> <TD> Jaguar</TD> <TD>Cosworth</TD> <TD>Michelin</TD> <TD>1.18.016</TD> <TD>中國</TD></TR> <TR> <TD>Pedro </TD> <TD>de la Rosa</TD> <TD>Jaguar</TD> <TD>Cosworth</TD> <TD>Michelin</TD> <TD>1.18.015</TD> <TD >俄羅斯</TD></TR> <TR> <TD>Hugh</TD> <TD>Gengine</TD> <TD>Lotus</TD> <TD>Renault</TD> <TD>Michelin< /TD> <TD>1.15.015</TD> <TD>韓國</TD></TR> <TR> <TD>Gloria</TD> <TD>Slap</TD> <TD>Lotus</ TD> <TD>Renault</TD> <TD>Michelin</TD> <TD>1.15.012</TD> <TD>日本</TD></TR> </TABLE> <p> <input type =button value=ins_row onclick=add_row(Main_Tab)> <input type=button value=ins_col onclick=add_col(Main_Tab)> <input type=button value=Del_row onclick=del_row(Main_Tab)> <button value=Del_row onclick=del_row(Main_Tab)> <dinput type_pas_ onclick=del_col(Main_Tab)> <input type=button value=Restore onclick=res_tab(Main_Tab)> <input type=button value=Export onclick=exp_tab(Main_Tab)> (Move: <input type=button id=exp_tab(Main_Tab)> (Move: <input type=button id=exp_ Up onclick=Move_up(Main_Tab)> <input type=button id=move value=Down onclick=Move_down(Main_Tab)> <input type=button id=move value=Left onclick=Move_left(Main_ab) =move id =move value=Right onclick=Move_right(Main_Tab)> ) 漢字排序： <select id=sel_Mode onchange="charMode=this.selectedIndex"> <option>拼音<option>筆畫</select> <span style="cursor: hand; color: red; text-Decoration: underline" onclick="if(detail.style.display==''){detail.style.display='none';this.innerText='Show Detail'}else{detail .style.display='';this.innerText='Hide Detail'}">Show Detail</span> </p> <div id=detail style="display:none"> <input type=text id=monitor size=30 style="width:200px"> <br> <textarea id=showContent cols=100 rows=20></textarea> </div>