jquery dialog: "GET data: undefined (undefined)" after initialization

harryweiss
harryweiss used Ask the Experts™
on
Hello experts,

I have a problem to use the jquery dialog ui plugin. The javascript console of google chrome writes "GET data: undefined (undefined)" direct after initialization. The script continues in chrome browser but I get an [Object Object] message in IE.

any ideas?

Thanks in advance,
Harry

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Test.aspx.vb" Inherits="WebApplication.Test" %>

<!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 runat="server">
    <title></title>
    <link rel="stylesheet" href="/Styles/jquery.themes/jquery.ui.all.css" type="text/css" />
<script src="/Scripts/jquery.min.js" type="text/javascript" language="javascript"></script> 
<script src="/Scripts/jquery.ui/jquery.bgiframe-2.1.2.js" type="text/javascript" language="javascript"></script> 
<script src="/Scripts/jquery.ui/jquery.ui.core.js" type="text/javascript" language="javascript"></script>
<script src="/Scripts/jquery.ui/jquery.ui.widget.js" type="text/javascript" language="javascript"></script> 
<script src="/Scripts/jquery.ui/jquery.ui.mouse.js" type="text/javascript" language="javascript"></script> 
<script src="/Scripts/jquery.ui/jquery.ui.draggable.js" type="text/javascript" language="javascript"></script> 
<script src="/Scripts/jquery.ui/jquery.ui.position.js" type="text/javascript" language="javascript"></script> 
<script src="/Scripts/jquery.ui/jquery.ui.resizable.js" type="text/javascript" language="javascript"></script> 
<script src="/Scripts/jquery.ui/jquery.ui.dialog.js" type="text/javascript" language="javascript"></script> 
    <style type="text/css">
     body { font-size:9pt; }
    </style>

</head>


    <script type="text/javascript" language="javascript">

        $(document).ready(function () {

            $('#OutletDialogBox').dialog({ autoOpen: false, height: 600, width: 730, modal: true });

            $('#OutletDialogBox').parent().appendTo($('form:first'));

        });

      </script>

<body>
    <form id="form1" runat="server">
    <a href="javascript:$('#OutletDialogBox').dialog('open');">Click</a>
    <div id="OutletDialogBox" title="POS Report - Outlet Datenbank">Test</div>
    </form>
</body>
</html

Open in new window

ss1.jpg
ss2.jpg
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
View Solution Only
tolgaong

Commented:
First of all.

You should move"<script type="text/javascript" language="javascript">  $(document).ready(function () { ...</script>" lines between <head> tags.

Also you can check for a newer version jquery.
harryweiss

Author

Commented:
I moved the <script> tags inside <head> tag but thats not the problem.

I am already using the newest releases. jquery 1.6.1 and ui 1.8.12



dr_Pitter

Commented:
Hi,

I just tested your code with jquery 1.6.1 and ui 1.8.12 and got no problems with it. So I would have a look at jquery.bgiframe. Maybe there is a problem with that. Can you reproduce the problem when this script is removed?
Success in ‘20 With a Profitable Pricing Strategy

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden using our free interactive tool and use it to determine the right price for your IT services. Start calculating Now!

Find out now!
dr_Pitter

Commented:
okay, forget about that. Just downloaded bgiframe and included it. still no problem....
harryweiss

Author

Commented:
I removed bgiframe scripts and have still the same problem :-(
Commented:
okay, i only tested in chrome, not in IE. When i move the opening of the dialog to a function, it seems to work in IE. Here's my code:

    
 <script type="text/javascript" language="javascript">

        $(document).ready(function () {

            $('#OutletDialogBox').dialog({ autoOpen: false, height: 600, width: 730, modal: true });
            $('#OutletDialogBox').parent().appendTo($('form:first')); 

        });

	function test(){
		$('#OutletDialogBox').dialog('open');	
	}

      </script>

<body>
    <form id="form1" runat="server">
    <a href="javascript:test();">Click</a>
    <div id="OutletDialogBox" title="POS Report - Outlet Datenbank">Test</div>
    </form>
</body>
</html>

Open in new window

harryweiss

Author

Commented:
Hey,

good idea because it solved my problem. The IE browser also open the dialog box now.
But the error message "GET data: undefined (undefined)" still exists direct after initialization.

I found an article that this is maybe a bug in jquery: http://bugs.jqueryui.com/ticket/7293

What do you think?

Cheers,
Harry
dr_Pitter

Commented:
that could be it. How old is your copy of jquery-ui? I downloaded my copy today and chrome shows me no errors. So you should try updating...
harryweiss

Author

Commented:
The solution is a good workaround but doesn't solve the problem.
harryweiss

Author

Commented:
I downloaded the newest version of jquery and ui today but it doesn't solve the problem. I have still the message in chrome browser.

I don't understand why I have this problem if we use the same libraries?

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial