Показать сообщение отдельно
  #2 (permalink)  
Старый 26.03.2015, 11:33
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,127

casper_serg,
может jquery-ui dialog использовать полностью?
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">

  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/sunny/jquery-ui.css">
 <style type="text/css">
 #input{border:1px solid #cccccc;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;background: #ffffff !important;outline:none;height:24px;width:120px;color:#ccc;font:14px Tahoma}
 .popup{background:#fff;width:750px;padding:5px 20px 13px 20px;border:4px solid #ddd;border:#e1b334;-webkit-box-shadow:0px 0px 20px #000;moz-box-shadow:0px 0px 20px #000;box-shadow:0px 0px 20px #000;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}
 form{padding:0}
 .ui-widget-header{background:#E1B334 none}
 </style>
 <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
  <script>
  ($(function() {

    $("#popup").dialog({
        modal: true,
        dialogClass: "popup",
        minWidth: 700,
        title: 'ТЕКСТ',
        autoOpen: false,
        open: function(event, ui) {
            $(".ui-widget-overlay").on("click", function() {
                $("#popup").dialog('close')
            })
        }
    })

    var delay_popup = 5000;
    setTimeout(function() {
        $("#popup").dialog('open')
    }, delay_popup);
}))(jQuery);


  </script>
</head>

<body>
  <div id="popup">
  <p><span style="font-size: 14pt;">текст<br>
   Звонок бесплатный!</span></p><br>
    <form action="<?php $_SERVER['PHP_SELF'] ?>" method="post">
        <input   id="input" border="2" type="text" value="8" size="30" maxlength="11" name="txtphonenumber">
        <button style="width:70x;height:30px" title="Жду звонка" class="btn" >Жду звонка</button>
        <!--<input type="radio" id="phone_mask" checked> -->
        <label id="descr" for="phone_mask"></label>
        <br>

    </form>
    </div>
</body>

</html>
Ответить с цитированием