一个js代码 – 筚路蓝缕

上次项目中需要一个pop，最后采用了link 的Title属性，用XMLHTTP赋值，当鼠标移上去之后，就显示。
这样做有两个缺点：
1. 鼠标移上去之后就是过一会Title就不见了。
2. 不好安排格式，在link的title中如果是XMLHTTP response过来的值，不支持html格式。
今天在微软上看到这个，感觉不错，偷过来咯！（：
如果再用XMLHTTP传值，就灵活多了。

&lt;script&gt;
var oPopup = window.createPopup();
function HelpPopup()
{
   if("False" == "False")
   {
      var iX = window.event.x;
      var iY = window.event.y;
      var sMenuText = "";

      sMenuText = "&lt;b&gt;100:&lt;/b&gt; 介绍性的、概括性资料的技术等级。假设对主题或所谈及的主题概念、功能、特性和优点有很少了解或不是十分了解。&lt;p /&gt;&lt;b&gt;200:&lt;/b&gt; 中间层次资料的技术等级。假设具有100级的知识并有该主题的特定培训和学习。&lt;p /&gt;&lt;b&gt;300:&lt;/b&gt; 高级资料的技术等级。假设具有200级的知识并且具有对真实应用环境特性的深刻了解和很熟练的编码技巧。提供对产品/技术特性的子集的详细技术概览，包括体系结构、性能、移植、部署和开发。&lt;p /&gt;&lt;b&gt;400:&lt;/b&gt; 专家级资料的技术等级。假设具有深层次的技术知识和经验，并且具有对主题的详细和全面的理解。提供专家到专家的互动和对特定主题的覆盖。&lt;p /&gt;";

      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

&lt;/script&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;/td&gt;&lt;img id="TechLevelHelpImage" onclick="HelpPopup()" onmouseover="this.style.cursor='hand'" src="graphics/icon_info.gif" align="right" style="border-width:0px;padding-top:3px;" /&gt;&lt;/td&gt;
&lt;/tr&gt;

var oPopup = window.createPopup();

function HelpPopup()

{

if("False" == "False")

{

var iX = window.event.x;

var iY = window.event.y;

var sMenuText = "";

sMenuText = "100: 介绍性的、概括性资料的技术等级。假设对主题或所谈及的主题概念、功能、特性和优点有很少了解或不是十分了解。200: 中间层次资料的技术等级。假设具有100级的知识并有该主题的特定培训和学习。300: 高级资料的技术等级。假设具有200级的知识并且具有对真实应用环境特性的深刻了解和很熟练的编码技巧。提供对产品/技术特性的子集的详细技术概览，包括体系结构、性能、移植、部署和开发。400: 专家级资料的技术等级。假设具有深层次的技术知识和经验，并且具有对主题的详细和全面的理解。提供专家到专家的互动和对特定主题的覆盖。";

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>

一	二	三	四	五	六	日
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30	31

发表回复 取消回复

相关文章

发表回复取消回复