ASP.NET

Jquery modal dialog RSS

6 replies

Last post Apr 30, 2012 11:14 AM by asteranup

‹ Previous Thread|Next Thread ›

shtrudel

Member

461 Points

537 Posts

Jquery modal dialog

Apr 30, 2012 08:51 AM|LINK

Hi there,

I am trying to diplay a jquery modal dialog with the following code -

<head runat="server">
    <title></title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
    <script type="text/javascript">


        function showDialog() {//draggable: true,closeText: 'KUKU',  closeOnEscape: false,
            $('#dlg').dialog({ 
 
                modal: true
            });
        }
 
    </script>
</head>

<body>
    <form id="form1" runat="server">
    
    <input id="Button1" type="button" value="Kiosk Status" onclick="showDialog()" /><!-- -->
    
    <div id="dlg" title="Title" style="display: none;">
        <!-- -->
        Field1: <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <br />
        Field2: <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
        <br />
        Information
    </div>
    <script type="text/javascript">
        alert('Hey');
    </script>
    </form>
</body>

problem is the dialog shows modal but I have no access to the textbox's and buttons within the dialog when browsing with IE unless I change to compatibility mode.

Any idea how to make it work in IE without changing to compatibility mode ?

Cheers

- Reply
asteranup

All-Star

30184 Points

4906 Posts

Re: Jquery modal dialog

Apr 30, 2012 08:55 AM|LINK

Hi,

Find many examples here-

http://delicious.com/anupdg/dialog+jquery

Thanks & Regards
Anup Das Gupta
Mark as Answer if you feel so. Visit My Blog
- Reply
teguhyuliant...

Participant

1370 Points

372 Posts

Re: Jquery modal dialog

Apr 30, 2012 10:12 AM|LINK

Hi,

Have you been check it all your script codes? I am worry if there are any changed and you not understand, which one it's changed. To solve this, maybe you can check it one by one until all script code going well.
- Reply
shtrudel

Member

461 Points

537 Posts

Re: Jquery modal dialog

Apr 30, 2012 10:33 AM|LINK

Hi again,

The code listed in my fisrt message (top) is the code I am using, nothing different, as you can see there is nothing but a simple Jquery modal dialog.

Cheers
- Reply
asteranup

All-Star

30184 Points

4906 Posts

Re: Jquery modal dialog

Apr 30, 2012 11:02 AM|LINK

Hi,

Where is the css file reference?

Thanks & Regards
Anup Das Gupta
Mark as Answer if you feel so. Visit My Blog
- Reply
shtrudel

Member

461 Points

537 Posts

Re: Jquery modal dialog

Apr 30, 2012 11:11 AM|LINK

Hi,

Not using CSS on that page...

Is it a must to use CSS ?

Cheers
- Reply
asteranup

All-Star

30184 Points

4906 Posts

Re: Jquery modal dialog

Apr 30, 2012 11:14 AM|LINK

Hi,

There are certain model dialog specific css that is needed. You can rather add the css and check the result.

Thanks & Regards
Anup Das Gupta
Mark as Answer if you feel so. Visit My Blog
- Marked as answer by Yanping Wang - MSFT on May 07, 2012 06:46 AM

‹ Previous Thread|Next Thread ›

Jquery modal dialog RSS

6 replies

shtrudel

Jquery modal dialog

asteranup

Re: Jquery modal dialog

teguhyuliant...

Re: Jquery modal dialog

shtrudel

Re: Jquery modal dialog

asteranup

Re: Jquery modal dialog

shtrudel

Re: Jquery modal dialog

asteranup

Re: Jquery modal dialog

This site is managed for Microsoft by Neudesic, LLC. | © 2013 Microsoft. All rights reserved.

Follow Us On:

Microsoft