Custom JavaScript Dialog Boxes

Very cool! Thanks!

I added a simple autohide parameter so it fades away without a click.

function showDlg(title,message,type,fadeout) {
…
if (fadeout)
window.setTimeout(“hideDialog()”, mdTimer + fadeout);
}

I’ve added another type to it called Loading.

Works great for my gmap program on the initial page load..

if(autohide || type == ‘loading’)
{
dialogclose.style.visibility = “hidden”;
window.setTimeout(“hideDialog()”, (autohide * 1000));
}

But of course I have an issue with the rest of my ajax calls and pulling this up – or rather removing it.

Hi,
great work, however it doesn’t work if you have lightbox script on the same page.
I’ve been trying to get it to work, no luck so far.

Do you have an idea how to fix it?

Very magnificent, thank you. But I find a problem, there isn’t choose button in dialog when type is ‘prompt’. It’s really a pity.

Just so you know, if you double or triple click the dialog’s close button it will break the script such that the next dialog box won’t appear again.

This looks amazing, and I have wanted one of these for some time!! No more boring Javascript prompt for me! Plus requesting a password in a prompt without masking the password looked bad, you have saved my day! lol, Thanks for sharing this to everyone!

Very nice! Two tips…

1. You can change this code:

dialog.timer = setInterval(“fadeDialog(1)”, TIMER);
if(autohide) {
dialogclose.style.visibility = “hidden”;
window.setTimeout(“hideDialog()”, (autohide * 1000));
} else {
dialogclose.style.visibility = “visible”;
}

to:

dialog.timer = setInterval(“fadeDialog(1)”, TIMER);
dialogclose.style.visibility = “hidden”;
if(autohide) {
window.setTimeout(“hideDialog()”, (autohide * 1000));
}

2. You could save a bunch of code, and add more features, if it’s integrated with jQuery: http://jquery.com/

@Michael: Ah, thanks for correcting me. I look forward to a jQuery version of this. Good luck!

Hi, this is a much nicer looking than the brower prompts. I appreciate that the showDialog() accepts an html param so no doubt the following is possible, but can you give me a code example of using this to simulate the javascript prompt() function? i.e i need to retrieve a string value in return from showDialog() function. Thanks in advance

Hi, looks really pro.

How can I add an ‘OK’ button to any of these modal boxes, so that the box is dismissed when clicked?

Many thanks,

Gizmo

Very very good work
From Italy, thank you.

bye

Is this released under an open source license ? If so, please include a license header.

Hi,

Just stumbeled over this, very nice

I’m working in a frameset and would like to integrade it with a login script.

My problem is that I can’t make it break out af the frame…

How can I solve this, plz write to my email.

Best regards

Here Cristiano from Italy… Thenks a lot!!! It’s so usefull!!!!

Just a question: How can I modify window dimensions?

Thanks

Great tool! Question: Our website is required to be flush with the top of the page (no gaps). By adding the div id=”content” just after the body and just before /body, we get a gap at the top of the page showing the background. How can we best implement your solution/tool covering the whole page but avoiding the gap?

Thanks!

Really impressive work! Only one noticeable oversight, no Information dialog. Any chance you’ll be adding gifs for something like that in the near future? Thanks!

can any one email me
1) how to solve the code that can be use for confirmation
ok and cancel. my my form use ajax validation.
2)after user login and fail.. how to appear error dialog automatically if user fail ?? i try use alert(); but cant .
help me… im really noob to in javascript…

Great stuff!! keep up the good work. I’ll will visit often

It’s great but there’s a white border I can see which wouldn’t look that good if the body background-color way not white. The white border around the Dialog box would be seen and it would look like th message box is in another container. If it’s fixed, then it’s an amazing job.

And also there should be at least an Ok button.

You rock man.

Excellent work ! Thank you !

I have a doubt
How can we add Yes no button in Confirmation dialog?

Hi there, great script! Would you mind it if I modified it to be part of a namespace, and put it into my InterModule JSAPI javascript library? If you wanted to, I would also put credit to you if you want.

Great thanks,
Delan
creator of the InterModule SourceForge project
juggernaut0102@yahoo.com.au
sf.net/projects/intermodule
intermodule.sf.net

Hey Michael, I just noticed something.. try opening one of the dialog boxes(except error one) and then hold down the enter key for a while. Now try to close it. You won’t be able to. I am testing using Firefox 2.0.0.14. Is it again a browser issue?

ARIGATO!!!!

Thks!!!

GRACIAS

Excellent dialog box! Very easy to use with elegant styling out-of-the-box.

To resolve the IE6 select box issue, I followed Juliano’s suggestion to use an IFRAME rather than DIV when creating the dialogMask. It works for me in IE6 and FF3.

One line change:

I just changed line 48:

dialogmask = document.createElement(’div’);

to:

dialogmask = document.createElement(’iframe’);

~~~
Change per Juliano on 25 Apr 2008 at 12:44 pm

Michael, thanks for your response.

The only problem I’m having with the dialogs is that if there’s any code after the call to the dialog boxes like a response.redirect (ASP) or window.load (java) the boxes won’t show at all it just redirects. Any solutions for that.

Thanks a lot
Alejandro.

I want to add “yes” and “no” images to the content of the prompt and onclick do the delete and hideDialog(). But firat im unable to see the “yes”image. Then the delete and hidDialog is not working.

<a href=”javascript:showDialog(”,’<b>Are you sure you want to delete the entry?</b><br/> (This cannot be undone) <br/> <a href=\’{message.deleteURL}\’ onclick=\’responseFunction(1);hideDialog()\’><img src=\’yes1.png\’></a>’,'prompt’);”>
<img src=”images/contactconsole/delete.png” alt=”"/> </a>

–
I did not add the “No” button image yet. Want the “yes” button to work first.

Thanks very much.

jyothi

Nope,

<a href=”javascript:showDialog(”,’<b>Are you sure you want to delete the entry?</b><br/> <a href=${message.deleteURL}><img src=’http://jyothi.xxx.com:8080/images/cc/yes1.png’/></a> <a href=cc.htm onclick=’responseFunction(0); hideDialog()’><img src=’no1.png’/></a>’,'prompt’);”>
<img src=”images/cc/delete.png” alt=”"/> </a>

I tried putting the images in the images/cc and also in the javascript folder… . Also tried giving the whole http address to the images, still cant see the yes and no images.
J

Hi Michael,
Its working perfectly. Awsome. Great Job.
I took the onclick event and it is working..I dont need it anyway since the href is taking me to a different page.
Thx muxh.
Michael, could you delete my last two messages. I think I cluttered your comment blog.
really sorry.
again great job.
J

By the way the IE version is: 6.0.2900.2180.xpsp_sp2_gdr.070227-2254 but I got the same results in other 6.0 versions.

Thanks a lot
Alejandro.

When i call your function from vb.net using
Dim scriptString As String = “<script language=””JavaScript””> showDialog(’Success’,’You have encountered an error.’,’Success’);</script>”

Page.RegisterStartupScript(”Startup”, scriptString)
It doesnt work, do you have any solution

I wanted to use this instead of have a normal alert, i have a javascript validation function, how do i go adding your method to my function.

thanks a lot
nice work

Looks very nice and I’ll use it in a future project for sure. For now it doesn’t seem to work wel with IE7 so we’re not incoorperating it in our website becasue it would lock out to much of our users.

Keep the project going as the script looks nice. Wouldbe nice to know if there is a fix for IE7 around (or am I overlooking an earlier posting ??)

GrTx!

Michael,

For some reason, this line was tripping up the script when I implemented it:

dialogmask.style.height = content.offsetHeight + ‘px’;

The script hung up here, and would not continue processing the code (I discovered this because the box would not fade. After commenting out this line, it seems to work just fine. FYI.

Neat and nice modal.

What to do to create a new modal when there is a modal in display? Parent-child modal type…

Thanks.

Hi Michael, first off great scripts and thanks.
I would like to use both the custom alerts and the form validation but i am getting conflicts when they are both on the same page.

If i have the messages.js included first then the dialog_box.js the message is positioned badly (top of the page nowhere near the form input) but if i swap them then i get the message appearing correctly but the dialog/alert doesnt work and i get a JS error of offsetParent is null or not an object

any ideas? – i am not exactly gifted at JS

All,

Can anyone try to call the dialog box in this way and let me know if it works for you. Just add the following to a new page. I’m having problems in IE not in firefox, IE shows a popup saying ‘cannot open the page and some errors code’

<div id=”content”>
<script language=”javascript”>
showDialog(’success’,’Testing Dialog Boxes’,’success’);
</script>
</div>

thanks a lot
Alejandro.

Update: I thought my trick worked, but now the whole page is not ghosted, just the top 50 or so pixels. The dialog still appears just fine, and IE does not give an error.

Thanks a lot for to share this excellent code with us !!

This make me remember Charles H. Moore (Invetor of FORTH):

“Keep it simple. A simple solution has elegance. It is the result of exacting effort to understand the real problem and is recognized by its compelling sense of rightness.

Simplicity provides confidence, reliability, compactness and speed.”

Congratulations!!

In time: Your dialog box is perfect to include an iframe as the “message” parameter extending the usage of that to the limits of imagination…

I ran across another ‘glitch’ with IE 7. For my page the pageHeight() calculation comes out as the height of the client area of the window and not the height of the document. So for long pages with scroll bars, the bottom part isn’t washed-out into the background. I did a little research on the window.innerHeight property (http://www.howtocreate.co.uk/tutorials/javascript/browserwindow) and saw the reason for the code you wrote. I made following change that solved my problem. I take the max of all three values as the pageHeight so that it should get the document height in all cases (atleast those I tested). So here is the code:

// calculate the current window height //
function pageHeight() {
var height1 = (window.innerHeight != null) ? window.innerHeight : 0;
var height2 = (document.documentElement && document.documentElement.clientHeight) ? document.documentElement.clientHeight : 0;
var height3 = (document.body != null) ? document.body.clientHeight : 0;
return Math.max(Math.max(height1,height2),height3);
}

Again, well done. This is a great tool.

Hi guys,

I’ve been also running on this IE6/7 annoying bug: “Internet Explorer cannot open the Internet site… operation aborted”.

I’m not very keen in JavaScript but I tried to isolate the problem and I think it’s that you call the showDialog function before the dom is loaded entirely.
So if I add “$(document).ready(function(){showDialog(“ I’m not sure if it is the most elegant solution… but it is working though.
Here you can see the working example: http://fuedo.com/ftp/dialogBox/works.htm
And the NOT working example: http://fuedo.com/ftp/dialogBox/breaks.htm

P.S. This is solving one positioning problem that appears in opera, as well.

Hope it helps.
Regards
Yordan Stoev

I have test it all modern browsers in Linux and Windows and works perfectly¡ In IE 6 just change the width of the #dialog with a hack ‘ _width: 431px’

Thanks¡ I really like it

hi,
Im doing the following in the head tag. My question is how do i pass my errors/error_msg variable to showdialod function after the break.
<script type=”text/javascript”>
function form_validate(){

var error_msg=”";
if ((document.firstname.value.length==0) ||(document.firstname.value==null)) {

error_msg= error_msg+”Please enter first name”+”<br/>”;
}
if( error_msg.length!=0){

alert (“error_msg;”)
showDialog(‘Error’,'You have encountered a critical error.<br>’,'error’);

}

}
</script>

thx,
s

thx, yordan, it works.. i have one more quick question,,
error_msg= error_msg+”Please enter first name”+”<br/>”;
the break tag doent create a new line for me neigther does \n . This more of javasript question i think.. but how do i add a new line or break after say first name.. thx, much.
s

This is great stuff vs the plain vanilla alert and confirm dialog boxes. Truly Great Job!!! Glad i found this site.

The only problem i am facing is with prompt box.
I inserted the following code in the showDialog javascript code (lets called it @A) (code which Michael had suggested)
if(type==’prompt’){
messageOption=”<br/><br/><a href=’#’ onclick=’responseFunction(1);hideDialog();’>Yes</a><a href=’#'”+
” onclick=’responseFunction(0); hideDialog();’>No</a>”;
dialogcontent.innerHTML = message+messageOption;
}else{
dialogcontent.innerHTML = message;
}

and in my javascript (lets called @B) i am using
var returnResponse=showDialog(‘Confirmation’,'blah … Do you wish to continue?’,'prompt’);

Now, When my javascript code (refer @B) is called then the control donot wait for the response from the prompt but execute the code completely after which dialog box is open. Is it happening to me only?

Will appreciate the solution to above. I am using prompt very heavily.

Thanks In Advance

Ajay

Great work!
Could you add a class to the div ‘dialog’:
$(dialog).html(…).addClass(‘modalDialog’);
and modify the css to:
.modalDialog .error {…}
in order to prevent the collision with the ‘.error’ class of jQuery Validation Plugin (http://plugins.jquery.com/project/validate) ?
Or may be they must do the change
Thanks!

Just perfect! love the simplicity!

exelente la ilustracion ,, hey pero no escriban en ruso pq muy dificil hombre jeje

Hi,
Its very nice.
But i had a problem
I was using the java script function as
Response.Write(‘<script type=”text/javascript”>javascript:showDialog(”Confirmation”,”Are you sure you want to delete the entry?”,”prompt”);</script>’);
But i can’t get the dialog box.

i don’t see a way to input data in a way similar to prompt..for example, I want to prompt “Please enter name” and have a box they type their name in…will this work with your example?

Sorry for the long winded msg – I also sent email but maybe the community can help:
I like your Custom Javascript Dialog Boxes very much. They look so much more professional than the sterile generic alerts/confirms. I’m having no problem on pages that are not long enough to have a scrollbar, but I’m having big problems with keeping the current scroll position (as the generic alert does – but that’s controlled by the browser). I’m especially having problems with cross-browser consistency. I’ve made some changes to the routines that get the full page height/width to get rid of the FireFox bitch about some of the methods used (get<somethingorother>Box…), and that was successful, producing the same results (or at least consistent with their prior behavior) in each browser – MSIE, Firefox & Safari. Here’s the current status:
:note: I’m setting focus() on each field in error before calling your routine.
- Safari positions the alert box right on top of the field in error (actually too accurately – covers the error field), but snaps to the top position of the page. You have to scroll down to see the error.
- Firefox does about the same, but positions the box higher (about 75-100px).
- On a long/scrolling page, messages displayed when at the top baseline of the page are mostly off the page, except for the header bar & a couple of extra pixels (Safari & Firefox).
- MSIE works perfectly, except the filter alpha issue.
- I’ve removed the use of the wrapper, for cross browser support & experimenting to see if that was causing the problem. I also had to change the name of the wrapper (which worked ok) since a programmer already declared a CSS class “content”.

I’ve tweaked the box itself (since I got tired of trying to resolve the scroll issue) – included Close, Yes, No img’s in Gimp, changed the size, font size/bold, etc. Now it looks a lot better, but it still shows up in exactly the same spot in each browser.
I read on your site that another user was having the same issue. Is there a workaround? In the meantime, I’ll keep trying a few things.

Also, if any of you all need examples/images/code on the inner content of the dbox, just send me email to my disposable gmail account mosrite1234@gmail.com.

I love the design. Good work!!, but, I’m having a problem with this. Whenever I enter a message with an apostrophe, test the code, and try to open the box, it doesn’t open. Once I remove the “‘”, it works again. Is there anyway I could fix this? Thanks. (I love your site! It’s helped me a lot, and it has some great codes!)

I to only see the white-wash. No dialog box. Is there any specific reason for this?

There were several complaints in the comments that only a “white wash” appears. This is due to the fact that the variable called WRAPPER should contain a valid id of a div or similar element which contains the page content.
To avoid this, either put a valid value there, or add this one line in the source, right after line 85 (var content = document.getElementById…):
if (content == null) content = document.body;

thanks you for sharing

Hi All,

W.r.t my previous mail, I added the following code to the JS file and now I see no issues.

if (navigator.appName.toUpperCase().match(“MICROSOFT INTERNET EXPLORER”) != null)
{
dialog.style.width=”431px”;
}

Thanks to Omar’s comment dated 2nd Sep 2008.

Yuva

You should release this as a .net user control. It would really come in handy

Jus to add more info, after setting to hidden, when the dialog box is closed, I reset the visibility to ‘visible’. There are some more suggestions/options that we chose to handle this, and I opted this because anyway I am capturing/working with this attribute.

Thanks.

Yuva

Hi, im wondering if these messages box could be openned without using <a href> tag? Actually i have a username and password field in a form, and in my php file i want to show a message if user/pass is correct or not :

if($data['passwrd'] != $pass) {
?>
<script>alert(‘Wrong Login or Password’)</script>
<?

This is works good, but i want to use the nice message box instead of Alert() command, thanks for your help…

Nice read and nice java.

I realized it!
It is possible a merge with another javascript code. You can find here http://giulio.ganci.eu/2008/07/21/drag-and-drop-con-javascript/

How to use it:
- include Giulio Ganci’s javacript code into the web page
- on the text write this: <a href=”…. javascript:PassaParametri(par1, par2, …)….>
- write a javascript function:
function PassaParametri(par1, par2, …){
showDialog(par1, par2, …);
Drag.init(‘dialog’);
}
dialog is the div id of the Dialog box.
It works! Enjoy it!

Just found this site today. I am trying to use ‘prompt’ to confirm if document should be deleted. Not sure how to get the reply values (Yes/No)to display in the box. Very new to javascript. Do you have an example

Thanks so much for this script, I am going to use it on some of the projects I am working on. Much more lightweight than thickbox or lightbox. Awesome work!!

This is a GREAT script but I have one problem… Is there a way to make the box and overlay close when ANY click is made anywhere on the overlay instead of only if the "X" is clicked on?

Actually I found a minior but very important issue for this js. This js is great but it can't act as the common alert or confirm can hold the parent thread suspend there. (after user make choose then resume the parent thread). This js will execute the code below after showing the dialogbox. This break the rule if user using it as the window.confirm() usage. and the confirm can't return value. Of course you can register callback. But it's a little hard to continous the original code position.

Can you do a plugin for wordpress, which would replace all other JS dialogues? Thank you (Sorry, I don't speak english)

Seriously this would rock SOOO MUCH MORE if there was an easy way to have buttons (at the very least there should be an OK/Cancel default set).

I think my request is similar to Jherssonny's. Some of my messages are very long and I would like the alert window to have a verticle scroll bar. Any advice for a javascript beginner?

Hi All, I need the same concept, thanks a lot for sharing. But a small modification, i need custom buttons on that. Can anyone help me out please. I am unable to add that stuff in the JS file. Can any one help me out. And send me the code will be much more appreciated. My Id prasanth_2955@hotmail.com. Please i Need it.

very nice script.Thanks for sharing.

I need something like this that works with the onbeforeunload event to trigger a prompt when someone tries to leave the page. Has anyone tried this before?

Hi, thanks for the dialog box, was what I needed.

I've Taken Note of several user's comments in this blog and have released an upgraded version of the dialog to here: http://www.vuware.com/dialog/dialog_new.zip.

I've listed all the Fix's and Changes below. I've also included a minified version of the file, compressed with YUI Compressor which is 5215 bytes.

// Fix 1: Use an <iframe> for the mask to cover <select> elements in IE <8
// Fix 2: Replaced hyphens with underscores in CSS class names
// Fix 3: WRAPPER should contain a valid id of a div or similar element which contains the page content

// New 1: Added support for standard and user-defined buttons
// New 2: Added support for width and height, (user-defined, default and auto)
// New 3: Added support for open-dialog-at-cursor
// New 4: Added support for non-modal dialogs
// New 5: Added support for click-background-mask-to-close
// New 6: Added a DLGRESULT variable set to true or false depending on which button clicked

// ToDo: Fix the 40 pixel hack to set the correct mask height, (have no idea why?)

// width/height = null : Default Size
// width/height = 0 : Auto Size to contents

// buttons == 0 : No Buttons
// buttons == 1 : "Ok"
// buttons == 2 : "Yes"/"No"
// buttons == 3 : "Accept"/"Cancel"
// buttons == 4 : "User defined 1"/"User defined 2"

There is an upgrade to my upgrade of the dialog script now available here:

http://www.vuware.com/dialog/dialog_new.1.1.zip.

The minified size is now 4484 bytes.

Sorry folks I had to release a bug-fix upgrade of the dialog script.

You can download it from here:
http://www.vuware.com/dialog/dialog_new.1.3.zip

See forum posting for more details:
http://forum.leigeber.com/topic/25-upgrade-to-dialog-box-available/

***IMPORTANT: the following explanation actually requires that DLGRESULT be set to null in "showDialog()" so that you can check for a TRUE or FALSE result. Unfortunately, I forgot to do it… v1.4 will be out tomorrow.

To Carlos:
————-
Actually getting your javascript code to mimic the behaviour of the built-in javascript "Confirm()" dialog requires some thought and careful programming.

Basically, any call to the "showDialog()" function will return immediately regardless of whether or not the user has clicked a button. The blocking behaviour of the built-in "Confirm()" dialog is hard-coded into the browser's internal behaviour and cannot be duplicated directly in javascript. Instead, you must split any functions that require some user input into two parts. The first part launches the dialog and then calls a delayed handler function.

eg "SetTimeout('myHandler()', 100);

The "myHandler()" function then checks the state of the global DLGRESULT variable defined in "dialog_box.js".

eg.
if (DLGRESULT == null) SetTimeout('myHandler()', 100);
else {/*process the result*/}

How do I capture the button they push.
Do action if button1 clicked, Do action id button2 clicked?

Print Button1 clicked
Print Button2 clicked…

To Stone:

1) I think I might have to extend the dialog to allow you to determine which button was pushed.

2) I will have to investigate the onLoad issue further. Can you send me an example html file thanks?
(Please add it to the corresponding forum entry: http://forum.leigeber.com/topic/25-upgrade-to-dialog-box-available/)

3) I'm off to Tokyo Disneyland for 3 days, so I won't be doing any coding until after then

Looks nice. A minor problem though:
* make a dialog
* resize the browser width to almost noting.
* Scroll to the bottom of the page. The mask div doesn't cover the whole page anymore and the user will be able to interact with the background page although the dialog is still showing.

Excellent work, and thank you so much for making this available! It's exactly what I need for one of my projects, is easy to implement, works great, and looks terrific.

To Justin:

Excerpt from the Forum Posting:
http://forum.leigeber.com/topic/25-upgrade-to-dialog-box-available/

// buttons == 0 : No Buttons
// buttons == 1 : "Ok"
// buttons == 2 : "Yes"/"No"
// buttons == 3 : "Accept"/"Cancel"
// buttons == 4 : "User defined 1"/"User defined 2" (button 2 is optional)

Good day, i need help.

I would like to use the tool, the dialog_box.html works fine on my local.
But i would like to incorp on my site.

I have an xslt file loading aspx page but i keep on getting the error object required
<link rel="stylesheet" type="text/css" href="./codebase/dialog_box.css" />
<script type="text/javascript" src="./codebase/dialog_box.js">
<xsl:value-of select="' '"/>
</script>

i removed the <xsl:value-of select="' '"/> but still smae error.
All my other js files are located in the codebase folder.

<input type="button" value="Save List Item" onclick="javascript:showDialog('Warning','You must enter all required information.','warning');"></input>

not to sure what i'm doing wrong.

Does anyone perhaps a later version where there is an ok button.
Please mail me (ismailc@parmalat.co.za)

Thanks the tool looks great – if only i can get it working

running an old version of javascript be a problem. javascript1
the site has version6

Great tool!

One issue I ran into: the dialogs were displaying as they should in Firefox, but they were missing the bottom border in IE.

It turns out that this is because I was using IE in a standards compliant mode. There is code in the dialog tool which compensates for non-standards mode IE, but which screws up the dialog in strict mode.

It's very easy to fix (I added a constant to the JS file which, when false, would prevent the IE detection from working by short-circuiting it a couple of lines below).

Anyway, this just in case anyone else has the same problem.

To Ismail:

Have you looked at Zwot's posting? This may be the source of your problem.

I know its still not a perfect script, (and probably never will be), but I will take a further look at Zwot's report.

(If Zwot has anything to add regarding the standards mode issue, please feel to elaborate further).

ps. We really should be having this discussion on the forum (http://forum.leigeber.com/topic/25-upgrade-to-dialog-box-available/)

To Ismail:

Make sure your DocType is set the same as in the example

Hi, great script, I'm using the Set AutoClose Time and Hide Close Buttons pop-up and I'm trying to figure out how I make it redirect to another page after the AutoClose has completed so after the 5 seconds has elasped. I understand the concept of using

window.location("http://www.url.com","mywindow")

but I'm not sure where to put it in the jquery.modaldialog.js script or if I should create a new funtion and then call that function in the link: <a href="javascript:$.modaldialog.success('', { timeout: 5, showClose: false, title: 'How does this work?' });">How does this work</a>.

Any help would be really appreciated thank you.

James

I think some of these questions have already been answered in the corresponding forum postings. Please check there first and post any further questions and comments there please.

There's also a fully coded advanced working example posted there too.

http://forum.leigeber.com/topic/25-upgrade-to-dialog-box-available/