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 οnclick=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的版本，期待它的更强大功能。

转载于:https://www.cnblogs.com/zzxbest/archive/2010/05/26/1744655.html