Home/ Questions/Q 3609176
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-18T21:35:37+00:00

i have been working on a new .net MVC site and have integrated some

  • 0

i have been working on a new .net MVC site and have integrated some of the awesome jquery UI components.

ive been testing it in IE8, FF, opera and Chrome and all looks well. Once I test in IE7, surprisingly its the dialogs that are causing a problem.

basically what’s happening is that one you user clicks to open a dialog the page will scroll immediately to the bottom of the page. This is especially bad if the page is quite long.

this only happens in IE7 (and probably 6 but im not even going there!).

I have spend a few hours reading forums and it seems im not the only one.

I have created a dirty hack which im not keen on but it does work.

onclick="SignIn();  <% if(ModelHelperClass.CheckForOldIEVersion() == true) Response.Write("window.scrollTo(0, 0);"); %> return false;">

has anyone else had this issue and resolved it without resorting to dirty hacks ?

im using jquery-ui-1.8.custom.min.js and jquery-1.4.2.min.js

any help is most appreciated

Truegilly

Update—

hello, thanks for the response –

at the top of my page i have this declaration…

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

i am including these files….

<link href="/Scripts/css/blitzer/jquery-ui-1.7.2.custom.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/Scripts/jquery-1.4.2.min.js" ></script>
<script type="text/javascript" src="/Scripts/jquery-ui-1.8.1.custom.min.js" ></script>

here is my signin function – the other dialogs are pretty similar

// Sign in to the site
function SignIn() 
{
    $("#SignIn").dialog({
        bgiframe: true,
        modal: true,
        resizable: false,
        buttons: {

            'Sign In': function () {

                // the username and password
                var Username = $("#Username").val();
                var Password = $("#Password").val();

                var dataString = 'Username=' + Username + '&Password=' + Password;

                // AJAX here....

                // when the user clicks sign in, the form is submitted                
                //$("#SignInForm").submit();
            },
            Cancel: function () {
                $(this).dialog('close');
            }
        }
    });
}

as i say, it works fine in all browsers except IE7

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I’ve solved It removing a comma in the html code:

    look after width: 715

    Before:

    $(function(){
// Dialog           
$('#dialog').dialog({
autoOpen: false,
width: 715,});

    After:

    $(function(){
// Dialog           
$('#dialog').dialog({
autoOpen: false,
width: 715
});

    IE7 reported me an error in the line where there was a comma.

    • 0