JQuery Dialog - only load when button click

Question

Using JQuery Dialog http://jqueryui.com/dialog/#modal-confirmation The dialog box appears whenever the page loads I only want it to appear when 'Remove Invoice' is clicked.

i've tried:<input id="RemoveInvoice" type="button" value="Remove Invoice" onclick="ConfirmDeleteInvoice()" />

then putting the actual JS inside a ConfirmDeleteInvoice function:

  function ConfirmDeleteInvoice() {
      //  $(function () { //removed this line and added the above line
        $("#dialog-confirm").dialog({
            resizable: false,
            height: 140,
            modal: true,
            buttons: {
                "Are you sure you want to delete this invoice": function () {
                    $(this).dialog("close");
                },
                Cancel: function () {
                    $(this).dialog("close");
                }
            }
        });
    });
    }

ERROR: JavaScript runtime error: 'ConfirmDeleteInvoice' is undefined

Sorry still a beginner at JS so please bear with. Thanks

try: $('#RemoveInvoice').on('click', function(){}); and put everything from ConfirmDeleteInvoice inside that anonymous function and remove the onclick from the element. — Syon
– Syon, Commented Mar 27, 2013 at 15:33
you could just put ConfirmDeleteInvoice() function inside of a click handler.. btw i dont know if you pasted the code in but your it has some extra brackets — David Chase
– David Chase, Commented Mar 27, 2013 at 15:35

Mathew Thompson · Accepted Answer · 2013-03-27 15:35:01Z

2

You've got an extra trailing }); right before your last closing brace, take that out and it'll work.

Also, in my fiddle you'll see I've added the click event in jQuery, as onclick inside HTML is considered bad practice. I did this by adding:

$("#RemoveInvoice").click(ConfirmDeleteInvoice);

See here: http://jsfiddle.net/P4VHw/

answered Mar 27, 2013 at 15:35

Mathew Thompson

56.5k15 gold badges131 silver badges151 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

JQuery Dialog - only load when button click

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related