Display URL of iFrame

ftvids · #1 (**permalink**) 02-10-08, 12:18 PM

Hi,

I would like to display the URL of a frame in an INPUT box... Is this possible?

I've got as far as finding this script that displays the URL in an alert box, but I'd like it in an input box...?

Thanks

Nico · #2 (**permalink**) 02-10-08, 04:04 PM

Topic moved to Javascript.

Vicious · #3 (**permalink**) 02-11-08, 03:31 AM

Assuming that you have the url of the iframe, I'll continue from there.

Firstly, give your input box (again, assuming that you mean <input type="text" />) an ID, and then use the code below to fill the url into that input box.

javascript Code:

// above is the code to get the url from your frame
 
// now we place that url into the input box:
document.getElementById("the_id_of_my_input_box").value = frameURL; // with frameURL defined earlier

ftvids · #4 (**permalink**) 02-11-08, 03:52 PM

I've been trying to implement what you suggested, Vicious... but I can't seem to get it to work

Here's what I've got:

HTML Code:

<html>
<head>
<script type="text/javascript">
<!--
function setSrc(obj, url) {
	obj.src = url;
}

function getSrc(obj) {
	alert(obj.src);
	return obj.src;
}
//-->
// above is the code to get the url from your frame

// now we place that url into the input box:
document.getElementById("frameid").value = myframe; // with frameURL defined earlier 
</script>
</head>
<body>
<p><b>|</b> 
<a href="#" onclick="javascript:getSrc(document.getElementById('myframe'))">Get src</a> - displays with alert</p>

<iframe id="myframe" src="http://www.google.com"></iframe>
<br>
<br>
<input Id="frameid"><p>frameurl not showing in input</p>
</body>
</html>

Thanks,
ftvids

Vicious · #5 (**permalink**) 02-12-08, 07:19 AM

I modified your code, and tested it in Firefox:

HTML Code:

<html>
<head>
<script type="text/javascript">
<!--
function setSrc(obj, url) {
	obj.src = url;
}

function getSrc() {
	var obj = document.getElementById('myframe');
	document.getElementById("frameid").value = obj.src;
	return false; // if we return false, then we don't go to the URL defined in the href (here #)
}
//-->
</script>
</head>
<body>
<p><b>|</b> 
<a href="#" onclick="return getSrc();">Get src</a> - displays with alert</p>

<iframe id="myframe" src="http://www.google.com"></iframe>
<br>
<br>
<input id="frameid" value="" name="frameid" /><p>frameurl not showing in input</p>
</body>
</html>