JQueryUI and HTML selection
I have an ASPX page where a jQuery UI dialog pops up on screen when a button is clicked. When the UI dialog is active, the user cannot interact with any other controls. But I have a dropdown (Select) on the page. He is still active. The user can select and select any option from the drop-down list. I know that in IE6 it treats the select box as a new item. How can I solve this? I want the user not to change the contents of the dropdown when the UI dialog is active
Any thoughts? thanks in advance
Change the Style of my style inside the head
<style type="text/css">
body { font-size: 62.5%; }
label, input { display:block;
width: 94px;
}
input.text { margin-bottom:12px; width:95%; padding: .4em; }
fieldset { padding:0; border:0; margin-top:25px; }
h1 { font-size: 1.2em; margin: .6em 0; }
div#users-contain { width: 350px; margin: 20px 0; }
div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
.ui-button { outline: 0; margin:0; padding: .4em 1em .5em; text-decoration:none; !important; cursor:pointer; position: relative; text-align: center; }
.ui-dialog .ui-state-highlight, .ui-dialog .ui-state-error { padding: .3em; }
#dialog{
display: none;
}
</style>
and i am using dialog.open method to display dialog
$("#dialog").dialog("open");
a source to share
I am experiencing the same thing in IE6. My aspx page has several html elements and they are displayed through the jQuery UI 1.7.1 dialog that appears above them. I believe this is because the dialog is not putting a hidden / zero opacity iFrame in the dialog. I'd like to expect the UI designers to do this for us IE6 folks, but it does.
When I find a handy fix for this I will post it, or if some other soul can make it feel great.
The altCognito link provided also has this issue in IE6 as well.
This page links to the iframe fix, but not specifically for the interface dialog: ht tp: //stackoverflow.com/questions/7937/solve-the-ie-select-overlap-bug
Sorry, but new user and new users cannot submit work hyperlinks
Add if you are using:
$ ('. selector'). dialog ({modal: true});
To make your dialog modal and block interactions with the parent page?
a source to share