Added extra line to allow clicking outside of modal dialog to allow exit

[joelbaranowski]

Just some extra functionality to make dialog boxes less cumbersome,

[jpslav]

It is minor but this is a bit of code duplication.

To eliminate it, just add a new, custom function to jQuery, like you will see in assets/javascripts/jquery_extensions.js.

This should be a "closeOnClickOutside" method or similar, e.g.

jQuery.fn.exists = function(){
  $('.ui-widget-overlay').live("click",function(){
    jQuery(this).dialog("close");
  });
}

I don't know if this is exactly it or not, but it should be close. Then all of your copied codes look like:

$("#dev_toolbox_dialog").dialog('open').closeOnClickOutside();

[jpslav]

Hey @joelbaranowski, can you please make the change in my comment from 6 days ago and then I can merge.

[joelbaranowski]

oh yes, sorry forgot to ask you about that was busy working on something else. But your suggested solution didn't seem to work. Tried several variations but wasn't able to get it to work. The only other function in there isn't quite close enough for me to work off it, and the internet wasn't very helpful. Do you have any other ideas how to get the function to work in extensions?

[Dantemss]

http://stackoverflow.com/questions/152975/how-to-detect-a-click-outside-an-element

[joelbaranowski]

dante got it in one, problem with jquery(this) not being the dialog element. Will push and be ready to go.

[Dantemss]

@jpslav joel showed this to me and it seems to be working, with the change you requested

[jpslav]

Thanks @joelbaranowski!