Help with building the JQuery UI Modal Dialog

Question

Version 4.1.1.00.23
Hello,
I have requirement to create validation on a manually created tabbed form to display a message to the user that they haven't entered values on 12 fields on the row.
The message is to ask if they really want to save the record or not. If they want to save the record call apex.submit('SUBMIT') and if not call apex.submit('CANCEL2').
I've have no experience with JQuery and my javascript isn't too strong either.
I'm hoping someone can help me to get this working.
The message I want to display, but I don't know how to add that to the dialog box is:
"You have no time assigned to your Forecast. Do you want to save this Forecast without time entered?<br /><br />"Yes" to save the Forecast.<br /><br />"No" to return with no changes."
My code so far is:
[code]
function confirmNoTimeSaved()
    if (html_GetElement('P11_CONFIRMNOTIMESAVED').value == '1')
        $(function()
            $( "#dialog-confirm" ).dialog({
                                                resizable: false,
                                                positon: {my: "center", at: "center", of: window},
                                                title: "Confirm Saving With No Time",
                                                height:140,
                                                width:500,
                                                modal: true,
                                                autoOpen: false,
                                                buttons: {"Yes": function(){apex.submit("SUBMIT");},"No": function(){apex.submit("CANCEL2");}};
    else
        apex.submit('SUBMIT');   
    $x_Value('P11_CONFIRMNOTIMESAVED',NULL);
[/code]
Please let me know if I need to explain something.
Thanks,
Joe

Answer 1

pkpanda,
Thanks for replying. Yeah I looked at the plugins and the problem with the one you referenced is that it's for 4.2 and we're on 4.1.
Is there someone that can help me with this?
Thanks,
Joe