ansaurus

Question

How to attach an event to a button in an iframe

Answer 1

A:

onclick="parent.window.close();"

joshtronic 2010-07-22 18:38:43

I don't want to close the parent window, only the jQueryUI dialog(which is not an actual window)

Earlz 2010-07-22 18:44:57

Answer 2

+1 A:

Does this get you close?

DialogBox.html:

<body>
    <input type="submit" value="Edit" id="editbutton" />
    <div id="diag">
        <iframe src="/" ></iframe>
    </div>
    <script>
        $(document).ready(function(){
        $('#diag').dialog({
            height: 100,
            width: 100,
            autoOpen: false
        });

        $('#editbutton').click(function(){
            $('#diag iframe').attr('src','modal.html');
            $('#diag').dialog('open');
        });

        $("#diag iframe").load(function() {
            $("#diag iframe").contents().find('#cancelbutton').click(function() {
                //close dialog here
          });
        });
      });
    </script>
</body>

Byron Sommardahl 2010-07-22 18:50:47

My attempt using that code is here: http://jsbin.com/ayoyo3 -- it didn't work

Earlz 2010-07-22 18:59:44

I can't tell where but somewhere it's getting a "Selection is null" error. And an alternative version is here: http://jsbin.com/ayoyo3/3

Earlz 2010-07-22 19:01:34

I believe that will do it. For iframes, it's best to use the .load() event and use .contents() to get to the source document. Easy when you think about it, but it took some thinking to get to the bottom of it.

Byron Sommardahl 2010-07-22 19:37:17

Answer 3

+1 A:

Ok so here is what I did to accomplish this. I added this code to the iframe page:

$(document).ready(
  function()
  {
    $("#cancelbutton").click(
      function()
      {
        parent.CloseDialog();
      });
  });

Then in the opening page I put this:

function CloseDialog()
{
  $('#diag').dialog('close');
}

So rather than try to close the dialog from the frame I just call a method in the parent page that will take care of closing it. Same effect but a lot easier. Couldn't seem to get the frame to let me use the dialog method. But this worked.

spinon 2010-07-22 19:36:41

ansaurus

tags:

views:

answers:

How to attach an event to a button in an iframe

related questions