dialog display automatically when i load web page

Question

When i load my web page, i have a dialog who open automatically. I don't want that.

I put a image and when i click on it, i would like dialog open

my js

       $("#deleteReportButton").click(function() {
             $("#deleteReportConfirm").dialog("open");
        });


        $("#deleteReportConfirm").dialog({
            resizable: false,
            height: 140,
            modal: true,
            buttons: {
                "Delete report": function() {
                    $(this).dialog("close");
                },
                Cancel: function() {
                    $(this).dialog("close");
                }
            }
        });

html part

       <div id="deleteReportConfirm" title="Delete report?" style="display:none">
           <p>....</p>
       </div> 

       <img id="deleteReportButton" src="/plato/resources/images/delete.png" />

Chase · Accepted Answer · 2013-10-23 22:14:16Z

2

You need to add the autoOpen option and set it to false, this will stop it from opening when the page is loaded and only load when you call the open function.

$("#deleteReportConfirm").dialog({
        autoOpen: false,
        resizable: false,
        height: 140,
        modal: true,
        buttons: {
            "Delete report": function() {
                $(this).dialog("close");
            },
            Cancel: function() {
                $(this).dialog("close");
            }
        }
    });

Working example: http://jsfiddle.net/Eh89t/1/

edited Oct 23, 2013 at 22:14

answered Oct 23, 2013 at 21:53

Chase

9,3625 gold badges55 silver badges80 bronze badges

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

2 Comments

robert trudel Over a year ago

strangely, when i click to open this dialog, it closed immidiately

Chase Over a year ago

works fine for me check my jsfiddle i added. If its still closing when opened you have some other event that is closing it on open.

Collectives™ on Stack Overflow

dialog display automatically when i load web page

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related