Bingo. It worked. But can I guess the reason why my previous code was
not working? But anyways thanks a lot for your help.

On Dec 29, 5:59 pm, "Andries Snyman" <ajsny...@gmail.com> wrote:
> 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 <ashish...@gmail.com> 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" <ajsny...@gmail.com> 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 <ashish...@gmail.com>
> > wrote:
>
> > > > Yes. Here goes my code:
>
> > > > $(function() {
> > > >    $("#cancel").click(function() {
> > > >        $("#mydiv").dialog("close");
> > > >    });
> > > > });
>
> > > > On Dec 29, 5:17 pm, "Andries Snyman" <ajsny...@gmail.com> 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 <ashish...@gmail.com>
> > > > 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" <ajsny...@gmail.com> 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 <
> > ashish...@gmail.com>
> > > > > > 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 jquery-ui@googlegroups.com
To unsubscribe from this group, send email to 
jquery-ui+unsubscr...@googlegroups.com
For more options, visit this group at 
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to