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>
                &nbsp;&nbsp;&nbsp;

                <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

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups 
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to 
[email protected]
For more options, visit this group at 
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to