zoukankan      html  css  js  c++  java
  • dojo 模态框 修改模态框的属性

    闲话没有,上代码:

     1 <html>
    2 <head>
    3 <title>Dialog</title>
    4 <style type="text/css">
    5 @import "dojo/resources/dojo.css";
    6 @import "dijit/themes/tundra/tundra.css";
    7
    8 </style>
    9 <script type="text/javascript"
    10 djConfig="parseOnLoad: true, isDebug: true"
    11 src="dojo/dojo.js"></script>
    12 <script type="text/javascript">
    13 dojo.require("dijit.Dialog");
    14 function showModalDialog(funOK,funCancel,args){
    15 dijit.byId("divDialog").attr("title",args.title); //根据传进来的参数设定题头
    16 dijit.byId("divDialog").attr("class",args.style); //根据传进来的参数设定样式
    17
    18 dijit.byId("divDialog").show();
    19 //绑定事件
    20 var divMDOK = dojo.byId("divDialog_btnOK");
    21 var divMDCancel = dojo.byId("divDialog_btnCancel");
    22 dojo.connect(divMDOK,"click",funOK)
    23 dojo.connect(divMDCancel,"click",funCancel)
    24
    25
    26 }
    27
    28
    29 function funOK(){
    30 //dijit.byId("divDialog").hide();
    31 alert("OK")
    32 }
    33 function funCancel(){
    34 alert("cancel")
    35 }
    36
    37 </script>
    38 <style>
    39 .dijitDialogUnderlay {
    40 background: #666666;
    41 opacity: 0.5;
    42 }
    43 .cssModalD {
    44 200px;
    45 height:100px;
    46 text-align:center
    47 }
    48
    49 </style>
    50 </head>
    51 <body class="tundra">
    52 <button id="b1" onClick="showModalDialog('funOK','funCancel',
    {title:'ceshi',style:'cssModalD',color:'#FF00DD'})">显示dojo对话框</button> <br>
    53
    54
    55 <div dojoType="dijit.Dialog" id="divDialog" closeNode="hider" title="填写表单">
    56
    57 <table id="divDialogContent" style=" text-align:center" >
    58 <tr>
    59 <td colspan="2" style="text-align:center"><label for="name" id="divDialog_info">提示信息 </label></td>
    60
    61 </tr>
    62 <tr>
    63 <td><input type="button" value="确定" id="divDialog_btnOK"></td>
    64 <td><input type="button" value="取消" id="divDialog_btnCancel"></td>
    65 </tr>
    66 </table>
    67
    68 </div>
    69 <br>
    70 <br>
    71
    72 <br>
    73 测试用。。。。。。。。。。。。。。。
    74 </body>
    75 </html>
    76
    77






    具体其他功能,研究中。。。


    作者:小艾
    出处:http://www.cnblogs.com/luoaz/
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利

  • 相关阅读:
    phpexcel 字符串转码
    thinkphp 3.2 linux二级目录安装
    linux 系统、命令、软件
    thinkphp3.2和phpexcel导入
    苹果手机微信分享代码失效
    thinkphp3.2与phpexcel带图片生成 完美案例
    thinkphp3.2与phpexcel基础生成
    thinkphp 3.2加载类
    thinkphp 3.2与phpexcel
    thinkphp 导出exl功能
  • 原文地址:https://www.cnblogs.com/luoaz/p/2308011.html
Copyright © 2011-2022 走看看