Generic jQuery selector

Question

Hi,
Does anyone know how to make a generic function so that the #your_dialog can be any ID passed from a wrapper function? For example, I can pass the DIV with ID=MODALDIALOG_INDEX in a call to the following function. Then, I can simply write the following function once and use it for different pages many times. I want to make the #your_dialog dynamic instead of hardcoded.
Thanks.
Andy
<pre>
$(document).ready(function(){
$("#your_dialog").dialog({
autoOpen: false,
bgiframe: true,
resizable: false,
modal: true,
buttons: {
'Cancel': function() {
null; //your work
'Ok': function() {              
null; //your work
</pre>

Answer 1

<script>
  function  open_dialog(RegionJquerySelector) {
      $(RegionJquerySelector).dialog({
         autoOpen: false,
         bgiframe: true,
         resizable: false,
         modal: true,
         buttons: {
            'Cancel': function() {
               null; //your work
            'Ok': function() {              
               null; //your work
</script>Add the code to page header
Then in execute when page loads section ( otherwise wraps in in the $.ready() code block)
open_dialog('#yourRegionID');If you want to reuse this, add the function definition as an external JS file(remove the script tags for a file). Load it in your page(s) and use the open_dialog function with the region se;lector.