Loading <iframe> after pressed button

Question

I press button after that appears div in which shows "loading" and loads iframe. So, showing div I can do via jQuery, but how to load iframe after event?

Here is my working code as i want

There is something missing in your question, codes?

Ram
– Ram

2012-08-11 19:35:45 +00:00
Commented Aug 11, 2012 at 19:35 — Ram
– Ram, Commented Aug 11, 2012 at 19:35

WhyNotHugo · Accepted Answer · 2012-08-11 19:36:17Z

3

Set the src attribute of the iframe the moment you want it to start loading (set it to "" by default):

$('#my-button').click(function() {
  $('iframe#myIframe').attr('src', url);
});

You can also handle events for when the iframe finishes loading:

$('iframe#myIframe').load(function() {
  // do stuff...
});

answered Aug 11, 2012 at 19:36

WhyNotHugo

9,9636 gold badges67 silver badges74 bronze badges

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

1 Comment

WhyNotHugo Over a year ago

Everything you need is in the post, what else do you want to know?

Jürgen Thelen · Accepted Answer · 2012-08-12 18:28:58Z

1

So I understood what I needed:

<iframe id="chgMe" src="Source1.htm">Frames are not supported on your browser.</iframe>
<button onclick="document.getElementById('chgMe').src='Source2.htm'">Next</button>

edited Aug 12, 2012 at 18:28

Jürgen Thelen

12.7k7 gold badges54 silver badges74 bronze badges

answered Aug 12, 2012 at 18:21

stsdc

4466 silver badges16 bronze badges

1 Comment

WhyNotHugo Over a year ago

Since he's clearly using jQuery, it's pointless to not-use it's features to get the element and set the src.

Collectives™ on Stack Overflow

Loading <iframe> after pressed button

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related