7

-- 更新 -- 我已经阅读了很多关于这个主题的文章，尝试了一些脚本，需要帮助来找出你能做什么或不能做什么。社区回答了这一切，以下是一个很好的起点。（这里的答案来自下面的社区，谢谢）

  1. 您不能忽略默认的警报样式。它由您的客​​户制作（例如 chrome firefox 等）

  2. 你可以改用jquery。而不是使用如下脚本：

    函数 check_domain_input() { var domain_val = document.getElementsByName('domain'); if (domain_val[0].value.length > 0) { return true; } alert('请输入要搜索的域名。'); 返回假；}

这使得客户端（firefox chrome 等）产生一个警报框。

2b。您告诉代码是否需要在事件加载 jquery alertbox 上发生某些事情，您可以制作漂亮的：（由 Jonathan Payne 回答并由 Jonathan Payne 创建。谢谢）

<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.21/themes/base/jquery-ui.css" type="text/css" media="all" />

<div onclick="check_domain_input()">Click</div>

<div id="dialog" title="Attention!" style="display:none">
    Please enter a domain name to search for.
</div>

<script>
    function check_domain_input()
    {        
        $( "#dialog" ).dialog(); // Shows the new alert box.

        var domain_val = document.getElementsByName('domain');

        if (domain_val[0].value.length > 0)
        {
            return true;
        }

        $( "#dialog" ).dialog();

        return false;
    }
</script>

在这里查看 jsFiddle：http: //jsfiddle.net/8cypx/12/

4

5 回答 5

8

尝试jQuery UI位于此处：http: //jqueryui.com/demos/dialog/

他们有一个主题滚轮，您可以在其中设置对话框和模式框的样式。

- 编辑 -

回答你的第二个问题。

在这里查看 jsFiddle：http: //jsfiddle.net/8cypx/12/

<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.21/themes/base/jquery-ui.css" type="text/css" media="all" />

<div onclick="check_domain_input()">Click</div>

<div id="dialog" title="Attention!" style="display:none">
    Please enter a domain name to search for.
</div>

<script>
    function check_domain_input()
    {        
        $( "#dialog" ).dialog(); // Shows the new alert box.

        var domain_val = document.getElementsByName('domain');

        if (domain_val[0].value.length > 0)
        {
            return true;
        }

        $( "#dialog" ).dialog();

        return false;
    }
</script>

​</p>

于 2012-07-17T18:47:24.343 回答
6

我建议使用 jQuery 对话框控件，而不是内置的 Javascript 对话框弹出窗口——它们很难看且无法用 CSS 自定义。这些可以很容易地设置样式，并且 jQuery 也为它提供了许多内置主题。

http://docs.jquery.com/UI/Dialog

于 2012-07-17T18:46:27.770 回答
2

如果我的问题正确，我认为您不能这样做，因为弹出窗口已连接到客户端的系统中。但是，设计您所描述的内容并不难，查看 DIV 元素或其他内容。

于 2012-07-17T18:47:37.943 回答
1

确认/警告框是浏览器的一部分，而不是您的页面。

于 2012-07-17T18:48:19.880 回答
1

使用下面的插件 http://plugins.jquery.com/msgbox/
并使用代码

$.alert('文本');

而不是警报（'文本'）；使用 css 自定义

于 2014-11-03T11:47:53.473 回答