Home/ Questions/Q 3221108
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-17T15:50:18+00:00

EDIT: rewrote this to be html only In the following code, why is the

  • 0

EDIT: rewrote this to be html only

In the following code, why is the jquery dialog that’s displayed not centered? The dialog is opened by clicking the “test” button on the page.

<html>
<head>
    <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="ui/jquery.ui.core.js"></script>
    <script type="text/javascript" src="ui/jquery.ui.widget.js"></script>
    <script type="text/javascript" src="ui/jquery.ui.dialog.js"></script>
    <link type="text/css" href="themes/base/jquery.ui.all.css" rel="stylesheet" />

<script>
  function showDialog() {
    $("#dialog-modal").dialog({
        resizable: true,
        height: 140,
        modal: true,
        position: 'center',
        buttons: {
            'Yes': function () {
                $(this).dialog("close");
                return true;
            },
            'No': function () {
                $(this).dialog("close");
                return false;
            }
        }
    });
  }
</script>

</head>
<body>

<div style="width:800px; height:800px; border:solid 1px red;">

<div id="dialog-modal" title="Basic dialog"></div>

<input type="button" value="test" onclick="showDialog();"></input>

</div><!-- End demo -->


</body>

</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I solved it by adding these includes:

    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.3/jquery-ui.min.js"
    type="text/javascript"></script>
<script src="http://jquery-ui.googlecode.com/svn/tags/latest/external/jquery.bgiframe-2.1.1.js"
    type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.3/i18n/jquery-ui-i18n.min.js"
    type="text/javascript"></script>
    • 0