ymPrompt消息提示组件实现弹出层使用小结

       弹出层实现方案比较多，但方便程序调用的似乎较少。这几天用ymPrompt实现了一下弹出层功能，感觉比较方便，先贴出来看看吧。

      首先，使用ymPrompt需要下载一些js文件。在这里可以下载相关资源，下载完毕后可以放置在自己的程序目录中，如：

        

    其中的demo.html可以查看该js所提供的样式，选择自己需要的弹出层后也可以修改对应的样式，样式需要在skin文件目录中修改。

   下载完毕后在需要使用该js的地方引入对应js文件和样式：  

<script type="text/javascript" src="http://www.cnblogs.com/JS/ymPrompt/ymPrompt.js"></script>
<link rel="stylesheet" id='skin' type="text/css" href="http://www.cnblogs.com/JS/ymPrompt/skin/vista/ymPrompt.css" />

 

   

    万事具备，接下来调用即可。在asp.net里面可以调取的方式有：

   1. .aspx页面里面调取如下(调取的过程中可以传递相应的参数)：    

<a style="text-decoration:none" href="javascript:ymPrompt.win({message:'ReportContent.aspx?stockcode=<%=StockCode%>&u=<%#Eval("title") %>',width:480,height:270,title:'<%#Eval("ViewTitl

e")%>',handler:handler,iframe:true});" class="blue"><%#Eval("ViewTitle")%></a>

 

 

   2. .cs文件调取方式可如下：     

  this.RegisterStartupScript("", "<script>ymPrompt.win('<div><center><br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;您下载研报次数已达当日上限，更多机<br/>构最新研报，请使用<a style=color:red href=http://product.788111.com/jrzd/index.html onclick=ymPrompt.close() target=_blank> 金融终端</a></center></div>',250,150,'查看提示')</script>");

 

    在调用过程中，如果ymPrompt.win(...)里面有handler:handler参数可以会遇到一些js错误，需要在页面中加上一段

<script type="text/javascript">
function handler(){
}
</script>

 

关于handler的空定义函数。

    至此，ymPrompt的一个简单的应用也就完成了。该消息组件目前已经发布了4.0的版本，期待它的更强大功能。