jQuery example that check's if dailog is open [jQuery]
<html>
<head><title></title>
<script src="jquery-1.4.1.js" ></script>
<script src="jquery-1.4.1.min.js" ></script>
<style type="text/css">
.info {
position: absolute;
z-index: 200;
display: none;
text-align: center;
background: gray;
border: 2px solid silver;
}
</style>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function () {
initializeDialog();
OpenDailog();
});
function initializeDialog() {
$('#dialog').dialog({
width: 650,
modal: true,
title: 'Dailog Title',
buttons: { Close: function() { $(this).dialog('close'); } }
});
}
function OpenDailog() {
var $dlg = $('#dialog');
//Here We check if dailog is open or not
if ($dlg.dialog('isOpen') == true) {
//Perform some operations;
}
$dlg.append('<p>Dailog Contents</p>');
$dlg.dialog('open');
$dlg.dialog('option', 'title', 'dailog Title');
}
//]]>
</script>
</head>
<body>
<form action="">
<div id="dailog" class="info">
</div>
</form>
</body>
</html>
In above code if ($dlg.dialog('isOpen') == true) is imporant code that check's if jQuery dailog is open or not. You need to explicitly check == true otherwise $dlg.dialog('isOpen') will just return object only.
0 Comments :
Post a Comment