如何修改JavaScript窗口对象提示对话框

时间:2014-02-11 19:31:57

标签: javascript

JavaScript窗口对象提供了一个提示对话框,用于从用户那里获取信息,但在我的情况下,我的网站名称不够宽,所以顶线被切断,看起来很不专业:

enter image description here

我希望顶部的“页面在......”行根本不显示。

有没有办法控制此提示,或者至少使其更宽,以便整个顶行可以显示?

感谢。

2 个答案:

答案 0 :(得分:2)

你没有。对不起: - (

这是在浏览器中构建的,您无法对其进行配置。对于每个浏览器来说它看起来也不同,例如在Opera中,没有“文本页面”,整个窗口看起来非常不同。

prompt()(及相关的confirm()alert())是非常简单的工具,几乎从未用于现代网络开发。

然而,您可以做的是与HTML& CSS,有很多标准库,我个人非常喜欢Twitter Bootstrap,你可以使用a modal,输入& Okay' button in that, and bind an event on the好的'按钮获取输入值。
但是更多的工作,但看起来(和工作!)好多了 请注意,Bootstrap附带了很多工具(很好,恕我直言),并且相当大,它相当模块化,你可以将其剥离。

要获得更简单的替换,您可能需要尝试alertify.js。我从来没有用过它,所以我无法证明质量。我的搜索结果很简单。

当然,制作自己的HTML& CSS也不是非常困难。

答案 1 :(得分:0)

Carpetsmoker,

您的alertify建议结果是我的答案!下面的简单代码。 。

        alertify.set({ buttonReverse: true });  // put OK button on left
        alertify.prompt("Publish as ...", function (e, str) {
                    if (e) {  // OK clicked
                            g.last_publish_name = str;
                            publishPage(str);
                    } 
                }, g.last_publish_name);  // the field default

生成提示:

enter image description here

我完全掌控造型!真是个发现!谢谢!