My code is as follows :
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript" src="Scripts/jquery-1.7.1.js"></script>
<script type="text/javascript" src="Scripts/jquery-ui-1.8.17.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('<div id="dialogDiv">' + 'This is a dialog.' + '</div>').appendTo('body');
$('#dialogDiv').dialog({
resizable: false,
height: 140,
modal: true,
autoOpen: false,
});
$('#btnLoad').click(function () {
$('#dialogDiv').dialog('open');
return false;
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Button ID="btnLoad" Text="Load" runat="server" />
</div>
</form>
</body>
</html>
I want my dialog to be modal so that I can not click on "Load" button again till my dialog is closed. But with my above code i can still click on "Load" button.
I am using JQuery ui 1.8.17. Can anyone please tell me where I am going wrong? Also there are scroll bars appearing even though my content is just a sentence. how do I hide only horizontal scroll bar?