I am now able to modify the title of the dialog after opening. The
code goes like:
$(#mydiv").data("title.dialog", "New Title");
But still my issue remains the same as to how can I set the title of
the dialog to the title of the opened page ("WebForm1.aspx" in this
case).
On Dec 29, 6:46 pm, "Andries Snyman" <[email protected]> wrote:
> Hmm, are you using firebug to check for errors?
>
> Maybe try and change the title before you open the dialog, I know that may
> not be what you want, but just for interest.
> I don't know if the dialog exposes any properties to do this.
> The help pages may be missing some of this info, wish for an update :)
>
> On Mon, Dec 29, 2008 at 3:36 PM, jQDeveloper <[email protected]> wrote:
>
> > Tried as $("#mydiv1").attr('title','New Title'); but did not help. No
> > error either.
>
> > On Dec 29, 6:30 pm, "Andries Snyman" <[email protected]> wrote:
> > > I wonder if it's caused by importing the js scripts again. May be some of
> > > the jquery ppl can help.
>
> > > For the title, try to set the $("#mydiv").attr('title') = "New Title";
>
> > > Hope this works, never tried it before.
>
> > > On Mon, Dec 29, 2008 at 3:14 PM, jQDeveloper <[email protected]>
> > wrote:
>
> > > > 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
-~----------~----~----~----~------~----~------~--~---
