Dialog, IE7 and input radio, little problem
Hi there!
I found something realllllllly particular..but I wanted to make you
aware of this problem (which can be easily solved by the way..)
here is the code of my page
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="generator" content="David Anagnostaras - Wall Street
S.A." />
<meta name="description" content="desc" />
<meta name="keywords" content="keys" />
<title>Jquery ui</title>
<link rel="stylesheet" type="text/css" href="../../Layout/Css/Jquery/
ui.all.css" />
<!-- Including the required javascript files -->
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery-ui.js"></script>
<script type="text/javascript">
// Initilisation of the effects after that the DOM has been totaly
loaded
$(document).ready(function()
{
$("#dialog-edit-module").dialog(
{
autoOpen : false,
bgiframe: true,
height: 250,
width: 350,
modal: true,
buttons: {
Cancel: function() {
$(this).dialog('close');
}
}
});
});
function openDialog(check)
{
// Uncomment this line to make it work on IE
//$("#dialog-edit-module").dialog('open');
$('#mod_title_edit').val('test');
$('#mod_link_edit').val('test');
$('#mod_id_edit').val('test');
if(check == 1)
{
$('#mod_public_edit_1').attr('checked', 'checked');
}
else
{
$('#mod_public_edit_0').attr('checked', 'checked');
}
// At this stage the radio box will not be checked on IE
$("#dialog-edit-module").dialog('open');
}
</script>
</head>
<body>
<a href="#" onclick="Javascript:openDialog(0);">Open Dialog</a>
<div id="dialog-edit-module" title="Edit module information"
style="display: none;">
<form method="post" action="#">
<fieldset>
<div class="dialog-line">
<label for="mod_title_edit">Title</label><br />
<input style="width: 290px;" type="text" name="mod_title_edit"
id="mod_title_edit" maxlength="20" />
</div>
<div class="dialog-line">
<label for="mod_link_edit">Link</label><br />
<input style="width: 290px;" type="text" name="mod_link_edit"
id="mod_link_edit" value="" />
</div>
<div class="dialog-line">
<label>Public?</label><br />
<input type="radio" name="mod_public_edit" value="1"
id="mod_public_edit_1" /><label for="mod_public_edit_1">Oui</label>
<input type="radio" name="mod_public_edit" value="0"
id="mod_public_edit_0" /><label for="mod_public_edit_0">Non</label>
</div>
</fieldset>
<input type="hidden" name="mod_id_edit" id="mod_id_edit" value="" />
</form>
</div><!-- End of dialog-edit-module -->
</body>
</html>
I am using JQuery v1.3.1 and Jquery UI jQuery UI 1.6rc6
The problem is the call of the line
$("#dialog-edit-module").dialog('open');
If I call it after setting the value checked for the radio, on IE7
(Windows XP SP3) the radio will not be checked... but if I call the
line before setting the values it works..
By the way the two cases works fine on Firefox. ;-)
Best,
David