Miheretab Alemu
Miheretab Alemu

Reputation: 976

Can I change the iframe src according to the url?

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

Upvotes: 4

Views: 803

Answers (2)

S&#233;rgio S. Filho
S&#233;rgio S. Filho

Reputation: 374

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

Upvotes: 2

asutherland
asutherland

Reputation: 2969

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.

Upvotes: 5

Related Questions