Здравствуйте у меня такая проблема....У меня есть кнопочка, которая вызывает диалоговое окно.....Но так как в диалоговом окне есть поля, значения которых надо передать в Бд, я соответственно использую
<form method="POST">.....</form>. все бы хорошо но внутри тега <form> почему то при нажатий на кнопку диалоговое окно показываеться и сразу же исчезает.....как только <form> убираю, диалоговое окно работает нормально.
Ниже код
<div id="data_pac" style="height: 100px;">
<div class="shapka"><h5 style="margin: 4px; font-family:Courier New, monospace ;">Адрес проживания, Контакты:</h5></div>
<div class="content" style="height: 25%;">
<table style=" margin: 5px 5px 5px 5px; border: 1px solid #e0cfc2; float:left; font-family:arial; font-size:12px; border-collapse: collapse; ">
<tr>
<td style="width:150px">Адрес места жительства</td>
<td style="width:320px"><input type="text" style="width:290px;" name="adres_zh" id="adres_zh" value=""/>
<button class="button-calendar" id="adres" style="float: right;"></button>
</td>
<td>Телефон</td><td><input type="text" name="telephone"/></td>
<td>Эл.почта</td><td><input type="text" name="email"/></td>
</tr>
</table>
</div>
</div>
<div id="dialog" title="Адрес места проживания" style="width: 550px; font-size: 14;">
<table style="padding: 4px;" cellspacing="5px">
<tr>
<td>Страна</td>
<td><select name="country" id="country" style="width: 200px;">
<option value="russia">Россия</option></select>
</td>
</tr>
<tr>
<td>Республика</td>
<td>
<select id="respublic" style="width: 200px;"><option value="russia">Марий Эл</option></select>
</td>
</tr>
<tr><td>Населенный пункт</td><td><input type="text" id="np"/></td>
</tr>
<tr><td>Улица</td><td><input type="text" id="street"/></td>
</tr>
<tr><td>индекс</td>
<td><input type="text" id="index"/></td>
</tr>
</table>
<button id="close" style="float: bottom;">Закрыть</button>
<button id="Ok">Ок</button>
</div>
<script type="text/javascript">
$(function() {
$('#dialog').dialog({
height:300,
width:400,
autoOpen: false
});
$('#adres').button().click(function(e) {
$('#dialog').dialog("open")
});
$('#close').button().click(function(e) {
$('#dialog').dialog("close")
});
$('#Ok').button().click(function () {
var text =$("#index").val()+', '+ $("#country option:selected").text() +', '+ $("#respublic option:selected").text()+', '+$("#np").val()+', '+$("#street").val();
$("#adres_zh").val(text)
$('#dialog').dialog("close")
});
});
</script>
