Can I change the iframe src according to the url?

Question

An iframe is found with some different pages forexample <iframe src="..."></iframe> in site.com/page1 and site.com/page2, I want to change the iframe src according to the url above, Can I do that, If I can how can I do that? Please help!

Note: the url is dynamic so I can't use if else condition

Thanks

score 5 · Answer 1 · answered Mar 07 '14 at 17:48

5

Yes.

The simplest solution is don't set the iframes src in the HTML, just declare the iframe tag and give it an id, say "myIframe".

Then just do some simple javascript.

var iframe = document.getElementById('myIframe');
if(window.location.href === SITE_1_URL){
   iframe.src = something;
} else {
   iframe.src = somethingElse;
}

Note the iframe doesn't load until its src property is set.

answered Mar 07 '14 at 17:48

asutherland

2,849
4
32
50

Thanks But what I need is not only for two pages, but for many pages and I don't want to write if else because the url is dynamic – Miheretab Alemu Mar 07 '14 at 17:51
2

Well of course you can execute any logic you want based on the window.location. So if you have some function foo that takes the top level url and returns the appropriate iframe url for that top level page then you want you would just do iframe.src = foo(window.location.href); – asutherland Mar 07 '14 at 17:54

score 2 · Accepted Answer · edited Jun 20 '20 at 09:12

2

on page ready event you check the current url and set the iframe src attribute according see this link

edited Jun 20 '20 at 09:12

Community

1
1

answered Mar 07 '14 at 17:51

Sérgio S. Filho

364
1
4
13

would be easy using a server side technology like asp or php.. you did not mention what you are using – Sérgio S. Filho Mar 07 '14 at 19:49
I use PHP, how will I do that in PHP? – Miheretab Alemu Mar 08 '14 at 07:24

Can I change the iframe src according to the url?

2 Answers2