js----------artdialog(复制别人的，不过挺好)

程序员文章站 2022-03-08 23:01:52

...

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <title>webrx</title>
    <script src="artDialog/artDialog.js?skin=chrome"></script>
</head>
<body>
<script>
    /**
     * 警告
     * @param	{String}	消息内容
     */
    artDialog.alert = function (content, callback) {
        return artDialog({
            id: 'Alert',
            icon: 'warning',
            fixed: true,
            lock: true,
            content: content,
            ok: true,
            close: callback
        });
    };


    /**
     * 确认
     * @param	{String}	消息内容
     * @param	{Function}	确定按钮回调函数
     * @param	{Function}	取消按钮回调函数
     */
    artDialog.confirm = function (content, yes, no) {
        return artDialog({
            id: 'Confirm',
            icon: 'question',
            fixed: true,
            lock: true,
            opacity: .1,
            content: content,
            ok: function (here) {
                return yes.call(this, here);
            },
            cancel: function (here) {
                return no && no.call(this, here);
            }
        });
    };


    /**
     * 提问
     * @param	{String}	提问内容
     * @param	{Function}	回调函数. 接收参数：输入值
     * @param	{String}	默认值
     */
    artDialog.prompt = function (content, yes, value) {
        value = value || '';
        var input;

        return artDialog({
            id: 'Prompt',
            icon: 'question',
            fixed: true,
            lock: true,
            opacity: .1,
            content: [
                '<div style="margin-bottom:5px;font-size:12px">',
                content,
                '</div>',
                '<div>',
                '<input value="',
                value,
                '" style="width:18em;padding:6px 4px" />',
                '</div>'
            ].join(''),
            init: function () {
                input = this.DOM.content.find('input')[0];
                input.select();
                input.focus();
            },
            ok: function (here) {
                return yes && yes.call(this, input.value, here);
            },
            cancel: true
        });
    };


    /**
     * 短暂提示
     * @param	{String}	提示内容
     * @param	{Number}	显示时间 (默认1.5秒)
     */
    artDialog.tips = function (content, time) {
        return artDialog({
            id: 'Tips',
            title: false,
            cancel: false,
            fixed: true,
            lock: true
        })
            .content('<div style="padding: 0 1em;">' + content + '</div>')
            .time(time || 1);
    };
</script>
<input type="button" value="提示" onclick="art.dialog('你好')"><br>
<input type="button" value="artdialog(欢迎欢迎)" onclick="art.dialog.alert('欢迎欢迎')"><br>

<br>
<a href="javascript:void(0)" onclick="art.dialog.prompt('请输入年龄',null,18)">请输入年龄</a>
</body>
</html>

结果如下：

js----------artdialog(复制别人的，不过挺好)

怎样不让别人复制我的文章?别人复制粘贴文章不可用方法介绍

光盘复制专家(CD/DVD复制专家) 如何拷贝别人的CD

如何设置防止别人复制u盘中的文件

谷歌无人车遇最严重车祸？不过貌似是被别人撞的

光盘复制专家(CD/DVD复制专家) 如何拷贝别人的CD

怎么让别人在复制小弟我的网站上面的内容时跳转到小弟我指定的页面

怎么让别人在复制小弟我的网站上面的内容时跳转到小弟我指定的页面

spring boot项目能启动打包失败（复制别人的）

VMware下Linux构建仅主机模式的局域网网络配置方案(复制别人的文档)

笔记：iOS字符串的各种用法（字符串插入、字符串覆盖、字符串截取、分割字符串）（别人的代码直接复制过来的，我脸皮有点厚）