Question

只是不建议我jquery ui莫代尔，因为我不知道如何修改并实现那个东西！警报框工作完美，但它很少丑陋，我想要它的风格，我知道这可能不可能因为这是系统工具..我需要帮助..当需要打开模态框时表单已提交，她需要包含“您的消息已有的消息” 被送了！“..谢谢兄弟们

代码：

echo '
              <!-- Poruka o NEuspiješnosti slanja -->
              <script type="text/javascript">

              alert("Greška!\nMolimo Vas ispravno popunite obrazac.");

              </script>
              <!-- Kraj -->'; } // Kraj.

Answer 1

您可以使用HTML Dialog element (www.w3.org)，HTML Dialog element (html5rocks)。你可以用css设置它的样式，虽然它现在没有得到广泛的支持

Answer 2

简单回答。不，你不能

因为Alertbox是系统对象，所以不能用CSS或javascript修改它。

唯一的方法是使用您在问题中提到的 Jquery UI Dialog 。

Answer 3

这样的事情应该起作用

$(document).ready(function()
{
      $('#form').submit(function(e)
       {
           e.preventDefault();
            modal();
        });
    $('.close').click(function()
      {
                          $('#alertBox').fadeOut()
       });
 });
function modal()
{
    $('#alertBox').fadeIn();
}

HTML

<div id="alertBox">
    <div class="inner">
        <div class="msg">your message has been sent!</div>
        <div class="close">close</div>
    </div>
</div>
<form id="form" method="post" action="">
    <input type="submit"/>
</form>

CSS

#alertBox{
    position:fixed;
    top:50%;
    left:50%;
    width:400px;
    height:200px;
    margin-left:-200px;
    margin-top:-200px;
    border:2px solid #ccc;
    background:#fafafa;
    display:none;
    font-size:18px;
    text-align:center;

}
.close{
 position:absolute;
 top:5px;
    right:5px;
    cursor:pointer
}
.inner{
    position:relative;
        padding-top:50px;
}

http://jsfiddle.net/9BrUN/1/

在您的情况下Echo

echo'
<script type="text/javascript">
$(document).ready(function(){modal()}});
<script>';

Answer 4

您无法修改警告框。而不是警报，使用类似的东西：

jQuery的：

  $('body').append('<div class="error"><span class="error_close">×</span>Greška!<br>Molimo Vas ispravno popunite obrazac.</div>');
$('.error_close').click(function(){$(this).parent().hide();});

CSS：

.error { position: fixed; z-index: 10000; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 400px; height: 100px; } 
.error_close { position: absolute; top: 5px; right: 5px; }

有谁知道如何用css修改警报框，或者我怎样才能创建自己的警报框

4 个答案: