jQuery Forum

in my code i show iframe with another asp page inside dialog

iframe and its wrapper are dynamic elements (which created before dialog showes and removed after its closed) 

here is my code:

2.        // Dialog Link
3.        $('#dialog_link').click(function () {
4.         $('<div id="dialog" ><iframe src="Default.aspx"></iframe></div>').dialog(
5.                        {
6.                            width: 200,
7.                            height: 200,
8.                            modal: true,
9.                            open: function () {
10.                                // $(this).find('iframe').attr('src', 'Default.aspx');
11.                            }     
12.                         , close: function () {
13. 
    
14.                             $(this).remove();
15. 
    
16.                         }
17.                        }//end of inner parameter
18.                     )//end of dialog()

after displaying dialog once, and closse and reopen it again- the inputs on the page inside iframe became inaccessible

 (it happens only in IE, versions 8,7)

 Workaround i have found:

to refresh iframe before rremove it

2.                         , close: function () {
3. 
   
4.                             //workaround
5.                             $(this).find('iframe')[0].src = $(this).find('iframe')[0].src;
6.                             $(this).remove();
7. 
   
8.                         }

Hope it will help somebody

When tring to resize to smaller size than iframe can be the mouse is 'captured' and continuing to resize even when the button is up.

I'm using dilaog in my asp.net app, replacing of previously used 'window.showModalDialog'

whats why have to load .aspx pages in to iframe.

i want element inside dialog (that contains the iframe) to be created dynamically, and after closing - i wnat dynamic element (and its contets) to be removed.

my code: 

1.      $('#dialog_link').click(function () {
2.        $('<div id="dialog" ><iframe src="Default.aspx"></iframe></div>').dialog(
3.                      {
4.                width: 200,
5.                height: 200,
6.                         modal:true,
7.                open: function () {                           
8.                }
9.                         , close: function () {
10.                                     $(this).remove();//have do destroy dynamic element
11.                         }
12.            }
13.                  )
14.         return false;
15.      });

is it right way to do it? 

My problem is here:

I'm trying to add 'update option at runtime' functionality in some  existing autocomlete plugin. (For some reason this plugin does not have this functionality)

1. $('MY_SELECTOR').autocomplete();
2. //after plugin initiated and say user clicks some link
3. //i want this plugin been updated with code like this:
4. $('MY_SELECTOR').autocomplete("option","selectedIndex",3);

Did i have to init all construction buisness of plugin again?(_create method)

How it done in modern plugins?

Thank you for direction