Loading...

jquery-ui@googlegroups.com

[Prev] Thread [Next]  |  [Prev] Date [Next]

[jquery-ui] Re: Dialog box how-to question Andries Snyman Mon Dec 29 05:01:14 2008

So, if I understand correctly, this page is loaded into the other aspx where
you declared the dialog.

I'm going to edit the whole page, try this:

<html>
<head>
   <title></title>
   <script type="text/javascript">
       function closeDialog() {
               alert("Coming in closeDialog");
               $("#mydiv").dialog("close");
       }
   </script>
</head>
<body>
                 <table>
                       <tr>
                               <td><span>Name:</span></td>
                               <td><input type="text" /></td>
                       </tr>
                       <tr>
                               <td><span>Age:</span></td>
                               <td><input type="text" /></td>
                       </tr>
                       <tr>
                               <td><input type="button" value="Ok" /></td>
                               <td><input type="button" id="cancel"
value="Cancel" onclick="javascript:closeDialog()" /></td>
                       </tr>
               </table>
</body>
</html>

Hope this helps :)



On Mon, Dec 29, 2008 at 2:49 PM, jQDeveloper <[EMAIL PROTECTED]> wrote:

>
> My WebForm1.aspx page codes looks like:
>
> <html>
> <head>
>    <title></title>
>    <script type="text/javascript" src="Script/jquery-1.2.6.js"></
> script>
>    <script type="text/javascript" src="Script/ui.core.js"></script>
>    <script type="text/javascript" src="Script/ui.dialog.js"></script>
>    <link rel="Stylesheet" media="screen" href="Styles/ui.all.css"
> type="text/css" />
>    <script type="text/javascript">
>    $(function() {
>        function closeDialog() {
>                alert("Coming in closeDialog");
>                $("#mydiv").dialog("close");
>        };
>
>        $("#cancel").click(function() {
>                alert("Coming");
>                // $("#dialog").dialog("close");
>                closeDialog();
>        });
>    });
>    </script>
> </head>
> <body>
>                  <table>
>                        <tr>
>                                <td><span>Name:</span></td>
>                                <td><input type="text" /></td>
>                        </tr>
>                        <tr>
>                                <td><span>Age:</span></td>
>                                <td><input type="text" /></td>
>                        </tr>
>                        <tr>
>                                <td><input type="button" value="Ok" /></td>
>                                <td><input type="button" id="cancel"
> value="Cancel" /></td>
>                        </tr>
>                </table>
> </body>
> </html>
>
>
> On Dec 29, 5:43 pm, "Andries Snyman" <[EMAIL PROTECTED]> wrote:
> > There might be another problem, if you use visual studio developer to
> code
> > and create the buttons and other components, I know it will actually
> render
> > the IDs of those components with different names. So when viewing the
> page
> > in the browser, just make sure of this by viewing the page source.
> >
>  > On Mon, Dec 29, 2008 at 2:31 PM, jQDeveloper <[EMAIL PROTECTED]>
> wrote:
> >
> > > Yes. Here goes my code:
> >
> > > $(function() {
> > >    $("#cancel").click(function() {
> > >        $("#mydiv").dialog("close");
> > >    });
> > > });
> >
> > > On Dec 29, 5:17 pm, "Andries Snyman" <[EMAIL PROTECTED]> wrote:
> > > > Hmm, so you are declaring the click event on the document.ready of
> > > > "WebForm1.aspx", correct?
> >
> > > > Can you try 2 things:
> > > > -
> >
> > >  > On Mon, Dec 29, 2008 at 2:08 PM, jQDeveloper <[EMAIL PROTECTED]>
> > > wrote:
> >
> > > > > Andries,
> >
> > > > > I tried to use your way by:
> >
> > > > > $("#cancel_button_id").click(function() {
> > > > >    $("#mydiv").dialog("close");
> > > > > });
> >
> > > > > But it didn't work. Any more help.
> >
> > > > > On Dec 28, 4:18 pm, "Andries Snyman" <[EMAIL PROTECTED]> wrote:
> > > > > > Hi,
> >
> > > > > > Won't it help to have an onClick event with just a
> > > > > > <$("#dialog").dialog("close");>?
> > > > > > Because even if the WebForm1.aspx is a page on its own, it's
> still
> > > loaded
> > > > > > into the current page and the same js components still exist.
> > > > > > Kind regars
> >
> > > > >  > On Sat, Dec 27, 2008 at 8:56 AM, jQDeveloper <
> [EMAIL PROTECTED]>
> > > > > wrote:
> >
> > > > > > > Hi All,
> >
> > > > > > > I was trying to replace my window.open() code with the jQuery
> > > Dialog
> > > > > > > box. Now here is my code:
> >
> > > > > > > $(function() {
> > > > > > >    $("<div id='mydiv'></div>").load("WebForm1.aspx").dialog();
> > > > > > > });
> >
> > > > > > > WebForm1.aspx has Ok and Cancel buttons. I want to close my
> Dialog
> > > box
> > > > > > > when I click on Cancel from WebFrom1.aspx. Can anyone tell me
> how
> > > to
> > > > > > > do it.
> >
>

--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---