上次項目中需要一個pop,最後採用了link 的Title屬性,用XMLHTTP賦值,當滑鼠移上去之後,就顯示。
這樣做有兩個缺點:
1. 滑鼠移上去之後就是過一會Title就不見了。
2. 不好安排格式,在link的title中如果是XMLHTTP response過來的值,不支援html格式。
今天在微軟上看到這個,感覺不錯,偷過來咯! (:
如果再用XMLHTTP傳值,就靈活多了。
<script language="javascript">
var oPopup = window.createPopup();
function HelpPopup()
{
if("False" == "False")
{
var iX = window.event.x;
var iY = window.event.y;
var sMenuText = "";
sMenuText = "<b>100:</b> 介紹性的、概括性資料的技術等級。假設對主題或所談及的主題概念、功能、特性和優點有很少瞭解或不是十分瞭解。<p /><b>200:</b> 中介層次資料的技術等級。假設具有100級的知識並有該主題的特定培訓和學習。<p /><b>300:</b> 進階資料的技術等級。假設具有200級的知識並且具有對真實應用環境特性的深刻瞭解和很熟練的編碼技巧。提供對產品/技術特性的子集的詳細技術概覽,包括體繫結構、效能、移植、部署和開發。<p /><b>400:</b> 專家級資料的技術等級。假設具有深層次的技術知識和經驗,並且具有對主題的詳細和全面的理解。提供專家到專家的互動和對特定主題的覆蓋。<p />";
var oPopupBody = oPopup.document.body;
oPopupBody.style.padding = "4px";
oPopupBody.style.backgroundColor = "infobackground";
oPopupBody.style.color = "infotext";
oPopupBody.style.borderTop = "2px solid threedshadow";
oPopupBody.style.borderLeft = "2px solid threedshadow";
oPopupBody.style.borderBottom = "2px solid threeddarkshadow";
oPopupBody.style.borderRight = "2px solid threeddarkshadow";
oPopupBody.style.fontFamily = "Tahoma";
oPopupBody.style.fontSize = "12px";
oPopupBody.innerHTML = sMenuText;
oPopupBody.onclick = doClick;
oPopup.show(iX, iY,400, 240, document.body);
}
}
function doClick()
{
oPopup.hide();
} //end doClick
</script>
<tr>
<td>
</td><img id="TechLevelHelpImage" onclick="HelpPopup()" onmouseover="this.style.cursor='hand'" src="graphics/icon_info.gif" align="right" style="border-width:0px;padding-top:3px;" /></td>
</tr>