Есть ссылки в виде картинок. Нужно. что бы при клике на ссылку в центре экрана ил под картинкой, вообщем появлялась форма. Делаю через Jquery. использую метод . dialog Но форма появляется один раз при клике., при втором ничего не появляется, как будто окно все еще открыто но невидимо что ли
Вот код
сылка(карта):
|
Код:
|
<AREA SHAPE="RECT" COORDS="15,241,106,332" HREF="#" rel="1" id="openForm" > |
форма:
|
Код:
|
<div id="dialog-com" style="display:none;"> МОЯ ФОРМА</div> |
скрипт:
|
Код:
|
<script type="text/javascript">
$("#openForm").click(
function () {
$("#dialog-com").dialog();
$( "#dialog-com" ).dialog({ closeOnEscape: false });
$( "#dialog-com" ).dialog( "option", "autoOpen", false );
$( "#dialog-com" ).dialog({
buttons: {
'Закрыть': function() {
$(this).dialog('close');
}}});
return false;
}
);
</script> |
Общий код(мож понадобится)
|
Код:
|
<MAP NAME="map.jpg">
<AREA SHAPE="RECT" COORDS="15,241,106,332" HREF="#" rel="1" id="openForm" >
.....................................................................
. .....................................................................
</map>
<script type="text/javascript">
$("#openForm").click(
function () {
$("#dialog-com").dialog();
$( "#dialog-com" ).dialog({ closeOnEscape: false });
$( "#dialog-com" ).dialog( "option", "autoOpen", false );
$( "#dialog-com" ).dialog({
buttons: {
'Закрыть': function() {
$(this).dialog('close');
}}});
return false;
}
);
</script>
<div id="dialog-com">MY FORM</div> |