Change the iFrame's Page by a Button Inside it via jQuery

Question

Hi I have this two iFrame under my default.vbhtml page the code is:

<iframe class="iFrameLeft" src="Page_RequestPane.vbhtml"></iframe>
<iframe class="iFrameRight" src="Page_SKUSetup.vbhtml"></iframe>

what I want to do is when I choose a reseller and click the button "Copy SKU Setup" it the that iFrame (SKU Setup Generic) will change to a different page. the final iframe I'm targeting is:

<iframe class="iFrameLeft" src="Page_RequestPane.vbhtml"></iframe>
<iframe class="iFrameRight" src="Page_Reseller.vbhtml"></iframe>

all I have is this on jQuery, but it's wrong:

$(document).ready(function () {
  $("button").click(function () {
    $('iframe').attr('src', 'Page_Reseller.vbhtml');
    return false;
  });
});

Shawn G. · Accepted Answer · 2013-11-18 20:14:05Z

1

If you are only trying to change the iFrameRight Your jQuery selector should be $('.iFrameRight')

I've modified your code a bit with the changes. You can see it below.

   $(document).ready(function () {
      $("button").click(function () {
        $('.iFrameRight').attr('src', 'Page_Reseller.vbhtml');
        return false;
      });
    });

edited Nov 18, 2013 at 20:14

answered Nov 18, 2013 at 20:10

Shawn G.

6224 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Legionar Over a year ago

Also you should set exact selector of that button - $("button") change to ID of that button, f.e.: $("#copy_sku_setup_button").

Collectives™ on Stack Overflow

Change the iFrame's Page by a Button Inside it via jQuery

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related