技术开发 频道

Silverlight与HTML集成方法

     其实Silverlight程序是以控件的形式嵌入到HTML页面中的,这里是把将要整合的HTML页面利用iframe置于Silverlight控件之上,而不影响Silverlight控件的正常工作。

  操作要点:1.编辑按钮的xaml,定义MouseLeftButtonDown,使按下鼠标左键时,触发相应函数。2.在该页面的js文件中,关联按钮。

  代码:

function On_MouseLeftButtonDown(sender,args){
document.getElementById('iframe').style.visibility = "visible";
}
//开启HTML页面,将名为iframe的隐藏层的visibility属性改为visible显示
function Off_MouseLeftButtonDown(sender,args){
document.getElementById('iframe').style.visibility = "hidden";
}
//关闭HTML页面,将名为iframe的隐藏层的visibility属性改为hidden隐藏

  3.该项目的html文件。

  代码:

<div id="iframe" style="position:absolute; width:640px; height:450px; z-index:1; left: 10px; top: 45px;visibility:hidden"><iframe scrolling="no" style="position:fixed; width:640px; height:450px;" src="http://www.mdong.org/qdjw" /> </div>
//将iframe嵌入一个div层,并通过调整z-index值与visibility属性将该层置于Silverlight控件层上方并隐藏,以不影响Silverlight程序正常工作。
//调整DIV层的位置大小。

  也可以通过修改Silverlight中的isWindowless属性为TRUE,然后利用<dir>来进行覆盖。当然,还是以Silverlight来实现的方案比较完美,不过,最后的例子也不失为一种快速的解决方案。

0
相关文章