Power Table

太TM的無敵了!~

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Power Table</TITLE>
<META http-equiv=Content-Type content="text/html; charset=GB2312">
<STYLE>BODY {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 9pt; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
INPUT {
FONT-SIZE: 9pt; WIDTH: 50px; CURSOR: default; HEIGHT: 15pt
}
TABLE {
BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #999999 1px solid; CURSOR: default; WORD-BREAK: break-all; BORDER-BOTTOM: #999999 1px solid; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: #eeeecc; align: center
}
</STYLE>

<SCRIPT language=JavaScript1.2>
/*
This following code are designed and writen by Windy_sk <[email protected]>
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>

<META content="MSHTML 6.00.2900.2180" name=GENERATOR></HEAD>
<BODY>
<TABLE id=PowerTable cellSpacing=0 cellPadding=2 width="100%" border=1>
<TBODY>
<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></TBODY></TABLE>
<P><INPUT οnclick=add_row(Main_Tab) type=button value=ins_row> <INPUT οnclick=add_col(Main_Tab) type=button value=ins_col> <INPUT οnclick=del_row(Main_Tab) type=button value=Del_row> <INPUT οnclick=del_col(Main_Tab) type=button value=Del_col> <INPUT οnclick=res_tab(Main_Tab) type=button value=Restore> <INPUT οnclick=exp_tab(Main_Tab) type=button value=Export> ( Move: <INPUT id=move οnclick=Move_up(Main_Tab) type=button value=Up> <INPUT id=move οnclick=Move_down(Main_Tab) type=button value=Down> <INPUT id=move οnclick=Move_left(Main_Tab) type=button value=Left> <INPUT id=move οnclick=Move_right(Main_Tab) type=button value=Right> ) <SPAN
style="CURSOR: hand; COLOR: red; TEXT-DECORATION: underline"
οnclick="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 id=monitor style="WIDTH: 200px"
size=30> <BR><TEXTAREA id=showContent rows=20 cols=100></TEXTAREA>
</DIV></BODY></HTML>

Spring Cloud 部署時如何使用 Kubernetes 作爲註冊中心和配置中心

Ajax 網摘及教程

Web應用發展簡史

Power Table

Microsoft 發佈 Office2007 預覽圖片

Ajax: A New Approach to Web Applications

https://yachay.unat.edu.pe/blog/index.php?comment_area=format_blog&comment_component=blog&comment_co

linux以太網驅動總結