close modalframe by clicking outside frame [#1225168]

Hello, I wondered how I could close the modalframe, by just clicking on the area around the modalframe (in other words, by clicking on any spot outside the modalframe).

I googled "jquery and close dialogs" and found this piece of code:

$('.ui-widget-overlay').live('click', function() {
$(".dialogClass").dialog( "close" );
});

I tried to add this to ui.dialogs.js and it didn't work, unfortunately.
How could I close modalframes by clicking outside them?

Comments

Comment #1

thedavidmeister commented 7 December 2011 at 04:42

This works for me

<script>
    /* close the modal box when the user clicks outside its bounds */
    $('.ui-widget-overlay').live('click', function(e){
      Drupal.modalFrame.close();
    });
</script>