How to update 'title in jQuery UI Dialog?

Question

Possible Duplicate:
jQuery ui dialog change title after load-callback

I like to change the title from an UI Dialog after I have submitted a form in this UI Dialog. So in the callback-function after load I should suggest, but I've tried and googled without result.

score 152 · Accepted Answer · edited Sep 11 '12 at 11:18

152

The option method will change a dialog's properties after the dialog is created.

Therefore, you can write

$(whatever).dialog('option', 'title', 'New Title');

edited Sep 11 '12 at 11:18

Betlista

10,327
13
69
110

answered Feb 02 '10 at 02:28

SLaks

868,454
176
1,908
1,964

5

But how to OPEN AND CHANGE title? Hum... "open" is a action-method, "change title" is a set-value-method, so we can do a chain: `$(whatever).dialog({title:"MyTitle"}).load('myContent.htm').dialog('open')` ! – Peter Krauss Jun 20 '14 at 18:04
Worked like charm :) +1 – Pupil Jun 13 '16 at 04:21
@PeterKrauss, it worked for me too, you should elaborate an answer :) – Mauricio Arias Olave Nov 17 '16 at 14:00

score 6 · Answer 2 · edited Sep 11 '12 at 11:18

6

you can also use this, before open it

$("#YourContainer").data('title.dialog', ' I am the new title');

edited Sep 11 '12 at 11:18

Betlista

10,327
13
69
110

answered Jul 07 '11 at 16:23

Adam Right

955
6
17
35

does not work.. var d= $("#dialog"); d.data('title.dialog', ' I am the new title'); d.dialog("open"); – Alvin Oct 23 '12 at 08:53

How to update 'title in jQuery UI Dialog?

2 Answers2