Changing iframe src with jquery with link not with button

Question

I have the following code which can successfully change the iframe src with a button. How can I replace the button with a textlink?

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<input type="button" id="changeframe" value="Change">

<iframe id="declinedframe" class="embed-responsive-item" src="http://forgezilla.com" height="585" width="100%" ></iframe>

// Go Last since changeframe hasn't exist yet.
<script>
  $('#changeframe').click(function () {
      $('#declinedframe').attr('src', 'http://stackoverflow.com');
  });
</script>

@Arya please check this may this will help stackoverflow.com/q/20498831/5635098 — Bachcha Singh
– Bachcha Singh, Commented May 1, 2017 at 8:38

Community · Accepted Answer · 2020-06-20 09:12:55Z

1

You don't need jQuery or JavaScript to accomplish what you want to do, you only need HTML.

On <a>nchor add href="http://whatever.com/path/to/new/site.html" and target="nameOfIframe"
On <iframe> add name="nameOfIframe"

Snippet

<a href="http://stackoverflow.com" target="declinedframe">Change</a>

<iframe name="declinedframe" src="http://forgezilla.com" height="585" width="100%"></iframe>

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered May 1, 2017 at 8:47

zer00ne

45.2k6 gold badges50 silver badges82 bronze badges

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

Comments

Abhishek Sharma · Accepted Answer · 2017-05-01 08:15:00Z

0

just replce

<input type="button" id="changeframe" value="Change">

with

<a href="#" id="changeframe">Change</a>

This should work

answered May 1, 2017 at 8:15

Abhishek Sharma

3,3501 gold badge23 silver badges39 bronze badges

Collectives™ on Stack Overflow

Changing iframe src with jquery with link not with button

2 Answers 2

Snippet

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Snippet

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related