精品久久久中文,污视频网站在线免费观看,中文国产成人精品久久一

[轉]動態表格處理

<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 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;
var Org_con?= "";
var sort_col?= null;

var show_col?= false;
var charMode?= true;
var act_bgc?= "#BEC5DE";
var act_fc?= "black";
var cur_bgc?= "#ccffcc";
var cur_fc?= "black";

function init(){
?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?= outIt;
?Main_Tab.onclick?= clickIt;
?Main_Tab.ondblclick?= dblclickIt;
?Org_con???= Main_Tab.outerHTML;
?
?arrowUp = document.createElement("SPAN");
?arrowUp.innerHTML?= "5";
?arrowUp.style.cssText ?= "PADDING-RIGHT: 0px; MARGIN-TOP: -3px; PADDING-LEFT: 0px; FONT-SIZE: 10px; MARGIN-BOTTOM: 2px; PADDING-BOTTOM: 2px; OVERFLOW: hidden; WIDTH: 10px; COLOR: blue; PADDING-TOP: 0px; FONT-FAMILY: webdings; HEIGHT: 11px";

?arrowDown = document.createElement("SPAN");
?arrowDown.innerHTML?= "6";
?arrowDown.style.cssText = "PADDING-RIGHT: 0px; MARGIN-TOP: -3px; PADDING-LEFT: 0px; FONT-SIZE: 10px; MARGIN-BOTTOM: 2px; PADDING-BOTTOM: 2px; OVERFLOW: hidden; WIDTH: 10px; COLOR: blue; PADDING-TOP: 0px; FONT-FAMILY: webdings; HEIGHT: 11px";
}

function window.onload(){
?init();
?
?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);
}

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 document.onclick(){
?window.status = "";
?clear_color();
?cur_row? = null;
?cur_col? = null;
?cur_cell = null;
}

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=the_ele.offsetParent){
??if(the_ele.tagName.toLowerCase()==the_tag)return the_ele;
?}
?return(null);
}

var dragStart??= false;
var dragColStart?= null;
var dragColEnd??= null;

?for(i=0;i<tab_arr.length;i++){
??the_tab.lastChild.appendChild(tab_arr[i][1]);
?}

?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.cancelBubble=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,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==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){
?var 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(/<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)>
<input type=button value=Del_col 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=move value=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_Tab)>
<input type=button id=move value=Right onclick=Move_right(Main_Tab)> )

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

posted on 2006-06-27 11:35 Javaphua 閱讀(300) 評論(0) 編輯收藏

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理

Javaphua Blog

常用鏈接

留言簿(4)

隨筆檔案

文章檔案

收藏夾

Blog

優秀的技術站點

技術鏈接

資源站點

搜索

最新隨筆

最新評論

閱讀排行榜

評論排行榜