Also can I set the title of the dialog box to title of the WebForm1.aspx page?
On Dec 29, 6:11 pm, jQDeveloper <[email protected]> wrote: > 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" <[email protected]> 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 <[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 -~----------~----~----~----~------~----~------~--~---
