Javascript弹出框的设计/样式？

Question

  

可能重复：
  How can change a styling of javascript alert button?

只是想知道是否有任何方式来设置弹出框的样式？

“UPDATE”

这是创建警报的实际代码。如果我使用jQuery对话框那么代码的形式是什么？我的意思是如何使用此代码插入jQuery的代码？ 感谢

<?php 
// Start YOURLS engine
require_once( '../y/includes/load-yourls.php' );

function selfURL() { $s = empty($_SERVER["HTTPS"]) ? '' : ($_SERVER["HTTPS"] == "on") ? "s" : ""; $protocol = strleft(strtolower($_SERVER["SERVER_PROTOCOL"]), "/").$s; $port = ($_SERVER["SERVER_PORT"] == "80") ? "" : (":".$_SERVER["SERVER_PORT"]); return $protocol."://".$_SERVER['SERVER_NAME'].$port.$_SERVER['REQUEST_URI']; } function strleft($s1, $s2) { return substr($s1, 0, strpos($s1, $s2)); }
?>

    <?php
    // Part to be executed if FORM has been submitted
    if ( isset($_REQUEST['url']) ) {
        $url     = yourls_sanitize_url( $_REQUEST['url'] );
        $return  = yourls_add_new_link( $url );     
        $shorturl = isset( $return['shorturl'] ) ? $return['shorturl'] : '';        
        echo "<script type='text/javascript'>alert('$shorturl')</script>";

    // Part to be executed when no form has been submitted
    }   
        $site = YOURLS_SITE;
        $var = selfURL();
?> 

Answer 1

如果，通过“弹出框”，您指的是由alert()，confirm()和类似的生成的原生对话 - 否，则没有。

如果它们的外观非常重要，那么您将需要生成DOM元素，绑定事件处理程序以复制按钮的功能，并替代它们。

Answer 2

如果您的意思是alert，prompt或其他内置内容 - 您不能将它们设置为自定义样式，则它们会使用默认的浏览器样式。

如果您想要自定义样式，则需要JavaScript窗口插件。一些提供窗口小部件的UI库是jQuery UI，jQWidgets，Kendo UI，Sencha等......

以下是一些例子：

jqWidgets的jqxWindow

jQuery UI对话框