?? test.html
字號:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<title>公文留痕</title>
</head>
<STYLE>
v\:* { BEHAVIOR: url(#default#VML) }
</STYLE>
<link rel="stylesheet" href="pub_Document.css">
<script language="JScript">
var nowID=0;
var popID=0;
var padHeight=0;
function init()
{
newID=parseInt(document.all("n").value);
}
function createDelLine(num)
{
var newMark=document.createElement("<div id='mark"+num+"'></div>");
memo.insertBefore(newMark);
var oRcts = oTempRange.getClientRects();
for(var i=0;i<oRcts.length;i++)
{
var t=oRcts[i].top;
var l=oRcts[i].left;
var r=oRcts[i].right;
var b=oRcts[i].bottom;
var newRect=document.createElement("<v:roundRect oncontextmenu='popID="+num+";popUp();' id='Rect"+num+"no"+i+"' style='position:absolute;visibility:hidden' filled=t fillcolor=red strokeColor=red strokeWeight=1pt></v:roundRect>");
newMark.insertBefore(newRect);
newRect.style.posTop=t+document.body.scrollTop-2+(b-t)/2;
newRect.style.posLeft=l-2;
newRect.style.width=r-l;
newRect.style.height=2;
newRect.style.visibility="";
}
}
function createRect(num)
{
var newMark=document.createElement("<div id='mark"+num+"'></div>");
edit.insertBefore(newMark);
var oRcts = oTempRange.getClientRects();
for(var i=0;i<oRcts.length;i++)
{
var t=oRcts[i].top;
var l=oRcts[i].left;
var r=oRcts[i].right;
var b=oRcts[i].bottom;
var newRect=document.createElement("<v:roundRect oncontextmenu='popID="+num+";popUp();' id='Rect"+num+"no"+i+"' style='position:absolute;visibility:hidden' filled=f strokeColor=red strokeWeight=1.5pt></v:roundRect>");
newMark.insertBefore(newRect);
newRect.style.posTop=t+document.body.scrollTop-3;
newRect.style.posLeft=l-2;
newRect.style.width=r-l;
newRect.style.height=b-t;
newRect.style.visibility="";
}
}
var PopSrcElement=null;
var SelectOk=false;
var oTempRange=null;
function createTempRange()
{
hideMenu();
doc_click();
if(document.selection.type=="Text")
{
oTempRange=document.selection.createRange(); //把選擇的文本創建成 TextRange 對象
if(oTempRange.htmlText!=""){ //檢查選擇的是否為空字符
RangePosLeft=oTempRange.boundingLeft;
RangePosTop =oTempRange.offsetTop+document.body.scrollTop+oTempRange.boundingHeight;
oTempRange.execCommand("BackColor",true,"#99ccff");;
oTempRange.execCommand("UnSelect");
SelectOk=true;
}
else
SelectOK=false;
}
}
function doc_click()
{
dragapproved=false;
if(self.event.srcElement.className=="item")
return;
if((self.event.button==1)&&(oTempRange!=null)) //取消臨時標記
{
oTempRange.execCommand("BackColor",true,"#EFEFEF");
oTempRange=null;
SelectOk=false;
}
}
function popUp()
{
PopSrcElement=event.srcElement; //獲得 Popup 事件源
self.event.returnValue=false;
setButton();
var newxx=event.x+document.body.scrollLeft-3;
var newyy=event.y+document.body.scrollTop-3;
if((event.clientY+135)>document.body.clientHeight) newyy=newyy-135;
if((event.clientX+120)>document.body.clientWidth) newxx=newxx-120;
popmenu.style.posLeft=newxx;
popmenu.style.posTop=newyy;
popmenu.style.display="";
}
function setButton()
{
document.all.item1.disabled=true;
document.all.item2.disabled=true;
document.all.item3.disabled=true;
if(SelectOk==true)
{
document.all.item1.disabled=false; //顯示標記 按鈕
document.all.item3.disabled=false; //顯示拷貝 按鈕
}
if(PopSrcElement.className=="wen")
{
document.all.item2.disabled=false; //顯示取消標記 按鈕
document.all.item3.disabled=false; //顯示拷貝 按鈕
}
if(popID!=0)
document.all.item2.disabled=false; //顯示取消標記 按鈕
}
function hideMenu() //隱藏彈出菜單
{
popmenu.style.display="none";
}
function setColor(n) //改變菜單條顏色
{
document.all("item"+n).style.color="white";
document.all("item"+n).style.background="#316AC5";
}
function clearColor(n)
{
document.all("item"+n).style.color="black";
document.all("item"+n).style.background="white";
}
function maskText()
{
hideMenu();
var mask=showModalDialog("Mask.html",null,"status:no;center:yes;help:no;minimize:no;maximize:no;dialogWidth:400px;scroll:no;dialogHeight:250px");
if(mask!=""){
var del=mask.charAt(1); //獲得是 刪除 還是 修改
mask=mask.substring(3,mask.length); //替換掉參數 ,剩下的就是 文本了
nowID++;
TempRange = false;
if(del=="1")
{
createDelLine(nowID);
oTempRange.execCommand("BackColor",true,"#EFEFEF");
oTempRange=null;
SelectOk=false;
}
else
{
createRect(nowID);
oTempRange.execCommand("BackColor",true,"#EFEFEF");
oTempRange=null;
SelectOk=false;
mask=re(mask);
var newMemo=document.createElement("<input id='more"+nowID+"' type=hidden>") //標記的內容
newMemo.value=rere(mask);
memo.insertBefore(newMemo);
var newDIV=document.createElement("<DIV id='memo"+nowID+"' oncontextmenu='popID="+nowID+";popUp()' class='wen' style='position:absolute;left:"+RangePosLeft+";top:"+RangePosTop+";width:150px;z-index:9'></DIV>");
newDIV.innerHTML="<img alt='展開' id='expand"+nowID+"' src='expand.gif' style='cursor:hand' onclick='expandMemo("+nowID+",1)'>"+document.all("more"+nowID).value.substring(0,10);
memo.insertBefore(newDIV);
}
}
else
return
}
var popID=0;
function expandMemo(n,b)
{
if(b==1)
document.all("memo"+n).innerHTML="<img alt='收縮' id='expand"+n+"' src='collapse.gif' style='cursor:hand' onclick='expandMemo("+n+",0)'>"+document.all("more"+n).value;
else
document.all("memo"+n).innerHTML="<img alt='展開' id='expand"+n+"' src='expand.gif' style='cursor:hand' onclick='expandMemo("+n+",1)'>"+document.all("more"+n).value.substring(0,10);
}
function copyTo()
{
hideMenu();
if(SelectOk==true) //拷貝選擇的文字
{
oTempRange.execCommand("Copy");
alert("已經將\n\n"+oTempRange.text+"\n\n復制了!");
return
}
if(PopSrcElement.className=="wen") //拷貝 標記的文字
{
var textR=document.body.createTextRange();
textR.moveToElementText(PopSrcElement);
textR.execCommand("Copy");
alert("已經將\n\n"+textR.text+"\n\n復制了!");
}
if(PopSrcElement.className=="editText") //拷貝 標記的文字
{
var textR=document.body.createTextRange();
textR.moveToElementText(PopSrcElement);
textR.execCommand("Copy");
alert("已經將\n\n"+textR.text+"\n\n復制了!");
}
}
function save()
{
if (dialog("確定要保存所做的修改嗎?\n你也可以在下次繼續修改本公文。","保存修改",36+256)=="6"){
saveForm.TextContentMemo.value=document.all("memo").innerHTML;
saveForm.TextContent.value=document.all("edit").innerHTML;
saveForm.TotalMarked.value=nowID;
}
}
function unMask()
{
hideMenu();
if (dialog("確實要取消對這個標記嗎?","取消標記",36+256)=="6")
{
document.all("mark"+popID).outerHTML="";
if(document.all("memo"+popID))
document.all("memo"+popID).outerHTML="";
}
popID=0;
}
function showhelp() //顯示幫助信息
{
var msg="\n"
+"\n 第一步:選擇一段文字"
+"\n 第二步:在選擇的文字上面點右鍵"
+"\n 第三步:選擇“標記選中”的,然后輸入標記的內容\n\n"
+"\n ■注意事項:■■■■■■■\n"
+"\n 1.要取消標記,在標記上點右鍵，選擇“取消標記”\n"
+"\n 2.要復制選中的文本，請選擇“復制選中的”\n"
+"\n 美洲豹"
+"\n\n 2002年4月18日";
dialog(msg,"在線幫助",64);
}
function DragStart()
{
if ("IMG"==event.srcElement.tagName)
event.returnValue=false;
}
//有關移動的過程和函數
var dragapproved=false
var eventsource,x,y
var popeventsource=""
function move()
{
if(event.button==1 && dragapproved)
{
hideMenu();
var newleft=temp1+event.clientX-x
var newtop=temp2+event.clientY-y
eventsource.style.pixelLeft=newleft
eventsource.style.pixelTop=newtop
return false
}
}
function drags()
{
if((!document.all)&&(event.srcElement.tagName=="INPUT"))
return
if (event.srcElement.className=="wen")
{
dragapproved=true
eventsource=event.srcElement
temp1=eventsource.style.pixelLeft
temp2=eventsource.style.pixelTop
x=event.clientX
y=event.clientY
document.onmousemove=move
}
}
//document.ondragstart=DragStart;
document.onmouseup=createTempRange;
//document.onselectstart=selectStart;
document.onmousedown=drags;
self.onload=init;
</script>
<script language="VBScript">
Function dialog(msg,title,head)
dialog=MsgBox(msg,head,title)
End Function
Function re(t)
tt=t
tt= Replace(tt,"'","''")
tt= Trim(Replace(tt,Chr(10),"<br>",1))
tt= Replace(tt," "," ",1)
re=tt
End Function
Function reit(str,d,s)
reit=Replace(str,d,s)
End Function
Function rere(t)
t=Replace(t,"<","<",1)
t=Replace(t,">",">",1)
t=Replace(t,"<br>","<br>",1)
rere=t
End Function
</script>
<body>
<table align="center">
<tr>
<td align="center">
<table align="center">
<tr>
<td>公文頭部</td>
</tr>
</table>
<div align="left" class="memo" style="position:absolute;top:0;left:0px;width:700;line-height:23px" id="edit" oncontextmenu="popID=0;popUp()">
<h3>VML 和 TextRange 對象的結合,可以在知道文字位置的情況下給文字畫筐,畫圈...</h3>
<ul>
<li>第一步:選擇一段文字
<li>在選擇的文字上面點右鍵
<li>第三步:選擇“標記選中”的,然后輸入標記的內容
</ul>
<b>注意:使用的時候,因為標記都是絕對定位,所以文章也必須使用絕對定位!!</b>
各工程公司、項目部： <br>
<br>
根據在建工程施工進度的進展情況與業主對工期的要求，經過對工程量的認真盤點，結合集團公司今年的總體施工部署，現下達2002年二季度施工計劃，請認真予以執行。今年贛龍線十九標段要完成產值2億元，寧啟線二標段和W10、W11標段的主體工程均要完成，施工任務艱巨，請你們要結合施工現場的實際情況，優化施工資源的配置，抓緊前期征遷工作的辦理，見縫插針，把制約工期的橋涵基礎、軟基施工爭取在本季度內超計劃完成，為鋪開工作面，在施工的黃金季節到來時加快施工進度創造條件。<br>
<br>
<font style="font-size:12pt">2002年一季度施工計劃安排9043萬元</font>，由于寧啟線啟動難，施工受征遷影響太大，贛龍線計劃實際上是為適應年度投資計劃而安排，又加春節放假和雨季提前的影響，集團公司一季度實際完成建安產值為6495.1萬元，完成計劃的71.8%。<br>
<br>
2002年二季度施工計劃安排17270萬元，其中，基建項目安排14441萬元，外委工程安排1519萬元，更新改造工程安排1256萬元，自身建設及其他小型工程安排54.4萬元。各公司2002年二季度施工計劃安排如下：一公司3010萬元，二公司4570萬元，三公司5940萬元，四公司1388萬元，五公司168萬元電務公司1400萬元，廈門公司794萬元。<br>
<ul>
<li>圖形可以任意放</li>
<li>圖形可以任意放</li>
<li>圖形可以任意放</li>
<li>圖形可以任意放</li>
</ul>
<p style="text-indent:20px;"> sadfasfa
<br>sdf</p>
<table border="1">
<tr>
<td>fddfg</td>
<td>fgdsfg</td>
</tr>
<tr>
<td>sdfgsdfg</td>
<td>sgdfgsfgf</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<div id="memo"></div>
<div class="bbb" id="popmenu" style="background-color:white;HEIGHT: 135px; LEFT: 0px; POSITION: absolute; TOP: 0px; display:none; WIDTH: 120px; Z-INDEX: 9">
<button class="item" name="item1" onmouseover="setColor(1)" onmouseout="clearColor(1)" onclick="maskText();"> 標記選中的</button><br>
<button class="item" name="item2" onmouseover="setColor(2)" onmouseout="clearColor(2)" onclick="unMask();"> 取消標記 </button><br>
<hr align=center SIZE=2 width="95%">
<button class="item" name="item3" onmouseover="setColor(3)" onmouseout="clearColor(3)" onclick="copyTo();" > 復制 </button><br>
<button class="item" name="item4" onmouseover="setColor(4)" onmouseout="clearColor(4)" onclick="save();"> 保存修改 </button><br>
<button class="item" name="item5" onmouseover="setColor(5)" onmouseout="clearColor(5)" onclick="hideMenu();showhelp();"> 在線幫助 </button>
</div>
<form name="saveForm">
<input type="hidden" name="n" value="0"> <!-- 總共有多少留痕操作 -->
<input type="hidden" name="con"> <!-- 文本內容(包含修改過的內容) -->
<input type="hidden" name="memory"> <!-- 留痕的內容 由多個<DIV>組成 -->
</form>
</body>
</html>
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -