Модальные окна, jquery Dialog

strange_t · 5 Дек 2011

Здравствуйте. У меня возникла такая проблема:
Есть календарь, в нем в каждой ячейки - табличка, при нажатии на табличку в календаре (получаем через POST значение в tmSelectedCal) загружается табличка времени (некоторое расписание). В которой выбирается время (опять же клик на ячейку, получаем через POST значение времени в tmSelected). В tmSelected должно вызываться модальное окно диалога (что принять эту дату и время или нет). Если принимаем, то данные записываем в бд, если нет, то другие данные записываем в бд.
Я подключила диалог jquery. Но не всегда нормально срабатывают действия на нажатия кнопки.

Вот подключение:

PHP:

<head>
        <meta http-equiv="content-type" content="text/html; charset=windows-1251">
        <title>Календарь</title>
        <link type="text/css" href="js/jquery-dialog/css/sunny/jquery-ui-1.8.16.custom.css" rel="stylesheet" />
        <script src="js/jquery-dialog/js/jquery-1.6.2.min.js" type="text/javascript"></script>
        <script src="js/jquery-dialog/js/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script>
        <script type="text/javascript">
        $(function(){
      $("#dialog").dialog("destroy");


          $("#dialog").dialog({
                  // draggable:false,
            autoOpen:true,
                  hide: "slide",
                  show: "slide",
                  modal: true,
                  resizable: false,
                  position: "fixed",
            buttons:
            {
              "Ок": function()
              {
            document.Calendar.tmOk.value="ok";
            document.Calendar.submit();
            $(this).dialog("close");
              },
              "Отмена": function()
              {
               // document.Calendar.tmOk.value="no";
               //document.Calendar.submit();
                $(this).dialog("close");
             }
            }
                  });

        });

        </script>
</head>

Тут вызывается этот диалог:

PHP:

print "<form name='Calendar' method='POST'>\n";
echo '<input type="hidden" id="tmSelectedCal" name="tmSelectedCal" value=""/>';
echo '<input type="hidden" id="tmOk" name="tmOk" value="" />';
echo '<input type="hidden" id="tmSelected" name="tmSelected" value="" />';

if(isset($_POST['tmSelected']))
{
  //тут некоторый код
 //  if (!isset($_POST['tmOk']))
     //           {
                                echo "<div id='dialog' title='Диалоговое окно'><p>Это окно диалога с заданной по умолчанию функциональностью.</p></div>";  
           //         }
}

if (isset($_POST['tmOk']))
{
//тут какие-то действия по записи в БД
      	unset($_POST['tmOk']);
      	unset($_POST['tmSelected']);
}

//тут еще куча кода
$cl = 'Calendar.tmSelectedCal.value='."'".$datSel."'".';Calendar.submit()';
print "\t<td height=100 width = 100 bgcolor=$color
onmouseover=\"this.style.backgroundColor='blue'; this.style.color='white'\"
onmouseout=\"this.style.backgroundColor='$color'; this.style.color='$colorT'\"
onClick=\"$FormName.$InputName.value='$FLastDay-$FNewMonth-$NewYear';$cl\"><FONT color='$colorT'>$LastDay".<br><br>".ProgTabF($datSel,$c)."</td>\n";
//тут тоже куча кода

еще никак не могу придумать, как правильно вызывать диалог, мне нужно чтобы он вызывался только когда есть tmSelected, сейчас вроде так и происходит...но проблема в том, что когда я только подгружаю ту часть кода, где меняется tmSelectedCal (т.е. tmSelected еще даже не задается), для него она типа создана и он сразу же загружает модальное окно. Помоги пожалуйста понять, что я делаю не так..

Модальные окна, jquery Dialog

strange_t

Новичок