How do I get the URL of an iframe

Dev Articles Community Forums Sponsor:

January 7th, 2005, 04:37 AM

arjan

Registered User

Join Date: Jan 2005

Posts: 3

Time spent in forums: < 1 sec
Reputation Power: 0

How do I get the URL of an iframe

if I use the getURL() command, i get the source of the current page, right?

Now I want to get the source of an iframe...

can someone help me?

thanks!

January 7th, 2005, 10:37 AM

MadCowDzz

I'm Internet Famous

Dev Articles Frequenter (2500 - 2999 posts)

Join Date: Jan 2003

Location: Toronto, Canada

Posts: 2,890

Time spent in forums: 1 Week 16 h 14 m 9 sec
Reputation Power: 8

Here's an example I just wrote up to get/set the source of an IFRAME... It uses DOM...

Its may me complicated for what it's worth, but all you really need to do is one of the following:
window.frames['my_frame_name'].src
document.getElementById('my_frame_id').src

Depends on your code... notice the difference between name and Id...
My example uses the second example above...

Code:

<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Changing IFRAME Src</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">
<!--
function setSrc(obj, url) {
	obj.src = url;
}

function getSrc(obj) {
	alert(obj.src);
	return obj.src;
}
//-->
</script>
</head>
<body>

<h1>Changing IFRAME src</h1>

<p><a href="#" onclick="javascript:setSrc(document.getElementById('myframe'),'new.htm  ')">Change src</a> <b>|</b> 
<a href="#" onclick="javascript:getSrc(document.getElementById('myframe'))">Get src</a></p>

<iframe id="myframe" src="old.htm"></iframe>

</body>
</html>

I've highlighted the key points of the code.

February 16th, 2006, 01:54 AM

childish_gal81

Registered User

Join Date: Feb 2006

Posts: 1

Time spent in forums: 21 m 25 sec
Reputation Power: 0

hi,

Can you show me how to use the first example? When I use the second one (document.getElementById..), even after my page URL has change , the value is still old URL. I tyr to use frames[iframe_name].location.href;

but i get permission denied.
Please help.

March 15th, 2006, 03:14 PM

Denver Dave

Registered User

Join Date: Mar 2006

Posts: 1

Time spent in forums: 17 m 44 sec
Reputation Power: 0

I have exactly the same question. I have been able to get the original (old) src url with:
alert(document.getElementById('I1').src);
but this does not change as visitors click on navigation links within the iframe.

From another angle, the urls are present in the history array and available with back and forward, but can't seem to display the actual iframe url address text - must be a security thing (probably good).

The iframe onload event does fire, but likewise, can't seem to get anything useful here.

I don't like it, but I haven't seen any discussion that we can access the current url for an iframe. Wonder if this is a general issue with frames or just iframe. I'm going to try to do an example with frames instead of iframes and see if the same issue exists. Any one try this?

March 22nd, 2006, 12:34 PM

underscore

Registered User

Join Date: Mar 2006

Posts: 1

Time spent in forums: 3 m
Reputation Power: 0

I'm also having this exact problem. Does anyone have a clue what I can do?

Thread Tools	Search this Thread
Email this Page	Search this Thread: Advanced Search
Display Modes	Rate This Thread
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode	Rate This Thread: