效果图：

<html>
<head>
    <title>对话框</title>
    <link rel="stylesheet" type="text/css" href="/modules/commons/css/dialog.css">
    <script src="/modules/commons/js/prototype.js"></script>
    <script src="/modules/commons/js/dialog.js"></script>
</head>
<body>
    <div id="Contain">
        <div id="ICO" style="position:absolute; left:0px; top:5px;"></div>
        <div id="Message"></div>
        <div id="Buttons"></div>
    </div>
</body>
<script>
Event.observe(window, 'load', function(){
    //check base config and parameter
    var objIn = window.dialogArguments
    var arrBt =  ['确定:1', '取消:0']
    if(objIn){
        if(objIn.ArrBt){
            arrBt = objIn.ArrBt
        }
        if(objIn.Message){
            $('Message').innerHTML = objIn.Message
        }
    }else{
        alert('tell me what u want to let user to confirm or alert information')
        return
    }
    
    //ico
    var ICO = $('ICO')
    var img = document.createElement('img')
    if(objIn.ICO){
        img.src = objIn.ICO
    }else{
        img.src = Dialog.Alert
    }
    ICO.appendChild(img)
    
    //button
    var Buttons = $('Buttons')
    arrBt.each(function(bt){
        var input = document.createElement('input')
        input.type = 'button'
        var arr = bt.split(':')
        input.value = arr[0]
        input.returnValue = arr[1]
        input.onclick = ClickBt
        Buttons.appendChild(input)
    })
}, false)
function ClickBt(){
    window.returnValue = this.returnValue
    window.close()
}
</script>
</html>

调用方法的封装

/**//*
    2007-01-18 lisq custom dialog
    use age:
    <script src="/modules/commons/js/dialog.js"></script>
    var objIn = {
        Message : 'your message',
        ArrBt : ['保存:1', '不保存:2', '取消:3']
    }
    var objOut = Dialog.Show(objIn)
    if(objOut == 1){
        save it
    }else if(objOut == 2){
        not save it
    }else if(objOut == 3){
        u click cancle
    }
*/
var Dialog = {
    Show : function(objIn){
        var url = '/Commons/Dialog.do'
        var style = 'dialogHeight:110px; dialogWidth:250px; edge:Raised; scroll:no; center:Yes; help:No; resizable:no; status:no;'
        return window.showModalDialog(url, objIn, style)
    },
    Alert : '/modules/commons/images/alert.png',
    Confirm : '/modules/commons/images/confirm.png',
    Error : '/modules/commons/images/error.gif.png'
}

加强的alert confirm js自定义对话框 多个按钮 ICO自定义相关推荐

  1. Android开发笔记（六十六）自定义对话框

    AlertDialog Android中最常用的对话框是AlertDialog,它可以完成常见的交互操作,如提示.确认.选择等等,然后就是进度对话框ProgressDialog(参见< Andr ...

  2. jquery自定义对话框alert、confirm和prompt

    jQuery Alert Dialogs,又一个基于jQuery的提示框插件,主要包括Alert.Confirm.prompt这三种,还有一个高级范例,可以在提示框内嵌入HTML语言,可以自定义风格样 ...

  3. android拦截js弹窗,C++ 拦截 CEF 的JS 弹窗（Alert, Confirm）,改造为C++的对话框

    本周主要进行了oa_web项目的统一对话框(提示框)进行改造.因为我们知道,对于嵌入到客户端的web页面,会使用JS弹出的alert,confirm 对话(提示)框, 不过这个提示框的样式是由浏览器决 ...

  4. jquery.alerts.js模拟js的alert,confirm的插件

    为什么80%的码农都做不了架构师?>>>    在http://www.aceona.com/网站发现的模拟alert confirm的插件. http://labs.abeauti ...

  5. 如何处理alert、confirm、prompt对话框

    1 import java.io.File; 2 3 import org.openqa.selenium.Alert; 4 import org.openqa.selenium.By; 5 impo ...

  6. html对话框跳转页面,html页面的简单对话框（alert, confirm, prompt）

    html页面简单的三种对话框如下: 1.alert(),最简单的提示框: alert("你好!"); 2.confirm(),有确认和取消两个按钮: if(confirm(&quo ...

  7. JavaScript弹出对话框的三种方式-alert()-confirm()-prompt()

    一.alert()警告框(确定) alert()方法是显示一条弹出提示消息和确认按钮的警告框. 需要注意的是 : alert()是一个阻塞的函数,如果不点确认按钮,后面的内容就不会加载出来. 使用方式 ...

  8. jQuery Alert Dialogs (Alert, Confirm, Prompt Replacements)(翻译)

    前不久在官方网站是看见这个插件,所以今天趁有空就看了一下,随便给大家共享一下.也许你早已知道了 ,如果是这样那请跳过,不要拍砖. 这个Jquery插件的目的是替代JavaScript的标准函数aler ...

  9. 从FCKEDITOR到ckeditor(二) 撰写自定义对话框,增加数学公式(与webEq的结合)

    2019独角兽企业重金招聘Python工程师标准>>> ckeditor3.2.1 自定义对话框+自定义工具按钮,增加数学公式(与webEq的结合) 关键字:ckeditor,web ...

最新文章

  1. 乾颐堂安德网工认证1000问（持续更新）
  2. [RabbitMQ]创建Java开发环境_消费者_生产者
  3. ThinkPHP文件上传
  4. 解题报告——-2018级2016第二学期第三周作业
  5. 【人脸识别】基于matlab GUI PCA+SVM人脸识别（准确率）【含Matlab源码 823期】
  6. 极客大学产品经理训练营 认识产品经理上 第1课总结
  7. 有了这些好看的流程图模板，你也可以画出漂亮的流程图
  8. Java 解析括号内子字符串的内容
  9. Reno5、Reno5 Pro和Reno5 Pro+ 的区别
  10. 让最好用的印象笔记更好用
  11. 【Docker】1、概述：背景、历史、用途
  12. nacos安装一闪而逝
  13. 如何理解「异或（XOR）」运算在计算机科学中的重要性
  14. 写了一半的微信订阅号
  15. USB运动控制 (五轴雕刻机系统)全部开源 不保留任何关键技术
  16. 格式工厂，帮你搞定各种格式转换！
  17. 音频格式转换软件哪个好？推荐三个音频格式转换工具
  18. 拓嘉辰丰电商：拼多多百万补贴是正品吗?
  19. LPIPS 图像相似性度量标准（感知损失）
  20. 股票技术指标详解--指数平均数(EXPMA)

热门文章

  1. jframe大小根据组件变化_Swing JDialog容器和JFrame容器使用教程
  2. AT指令：常见的AT命令
  3. f分布表完整图_标准正态分布函数数值表怎么查？(加完整分布函数表）
  4. 指针05：const修饰指针
  5. ❤️Mybatis开发中什么是多对一处理、一对多处理？
  6. 使用Maven前夕（Maven项目架构管理工具、配置环境变量、阿里云镜像、本地仓库）
  7. 实验3-9 三天打鱼两天晒网 (15 分)
  8. JS删除两个数组中相同的某个对象值
  9. 转：Nginx 性能优化有这篇就够了！
  10. java 中PriorityQueue优先级队列使用方法