how to get iframe title

**vb2all** · 09-05-2011, 09:39 PM

Is it possible, and if so how, to get iframe title

how to the master page take the same title iframe which content

ex :
master page any title

&

iframe page by title " Good sit "

How the master page take title iframe page " Good sit "

**jscheuer1** · 09-06-2011, 05:06 AM

With javascript this can only be done for pages on the same domain. And, if testing locally in some browsers the pages have to be in the same folder:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>
<body>
<iframe name="myIframe" id="myIframe" src="another.htm" onload="document.title=this.contentDocument? this.contentDocument.title : this.contentWindow.document.title;" width="300" height="300" scrolling="auto" frameborder="1"></iframe>
<script type="text/javascript">
(function(el, w){
	function loadFunc(e){
		e = e || w.event;
		var f = e.target || e.srcElement, fb = f.contentDocument || f.contentWindow.document;
		document.title = fb.title;
	}
	if (w.addEventListener)
		el.addEventListener('load', loadFunc, false);
	else if (w.attachEvent)
		el.attachEvent('onload', loadFunc);
})(document.getElementById('myIframe'), window);
</script>
<br>
<a href="yet_another.htm" target="myIframe">Yetti</a>
</body>
</html>

Notes: There are simpler ways to go about this (it's old code I had lying around), but the pages still have to be on the same domain. If you need to do this cross domain, you need to use javascript and a server side language like PHP or asp. And that server has to be configured to allow it to open files from another domain.

Oh, and I just noticed this doesn't work in Chrome, at least not locally even in the same folder. Just tested live though, and it does work in Chrome live.

**vb2all** · 09-06-2011, 06:40 AM

can you see egyview.com/test.htm

I want this ( test.html ) take the title of iframe page (egyview.com )

Notes : iframe page not fixed

**jscheuer1** · 09-06-2011, 09:26 AM

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Language" content="en-us">
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

</head>
<body>
<p align="center">I Need help</p>
<p align="center">I want this ( test.html ) take the title of iframe page (
<a href="http://www.egyview.com">http://www.egyview.com</a> ) </p>
<p align="center">Notes : iframe page not fixed </p>
<p align="center">
<iframe name="I1" src="http://egyview.com/" width="622" height="234">
Your browser does not support inline frames or is currently configured not to display inline frames.
</iframe></p>
<script type="text/javascript">
document.getElementsByName('I1')[0].onload = function(){
	document.title = window.frames.I1.document.title;
};
</script>
</body>
</html>

**vb2all** · 09-06-2011, 05:31 PM

Originally Posted by jscheuer1

Code:

<!doctype html public "-//w3c//dtd html 4.01 transitional//en"
   "http://www.w3.org/tr/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-language" content="en-us">
<title></title>
<meta http-equiv="content-type" content="text/html; charset=windows-1252">

</head>
<body>
<p align="center">i need help</p>
<p align="center">i want this ( test.html ) take the title of iframe page (
<a href="http://www.egyview.com">http://www.egyview.com</a> ) </p>
<p align="center">notes : Iframe page not fixed </p>
<p align="center">
<iframe name="i1" src="http://egyview.com/" width="622" height="234">
your browser does not support inline frames or is currently configured not to display inline frames.
</iframe></p>
<script type="text/javascript">
document.getelementsbyname('i1')[0].onload = function(){
	document.title = window.frames.i1.document.title;
};
</script>
</body>
</html>

not work with me

**jscheuer1** · 09-06-2011, 07:32 PM

Works here:

http://home.comcast.net/~jscheuer1/s...le/index_2.htm

**vb2all** · 09-06-2011, 09:41 PM

Thank you very much
Is it possible to bring (title, description, keywords) from the iframe page to home page
As shown in this link: egyview.com/test2.htm

**jscheuer1** · 09-07-2011, 01:50 AM

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

</head>
<body>
<p align="left"><b><font size="5">title :&nbsp; (&nbsp;&nbsp;&nbsp;<font color="#FF0000" id="thetitle">title 
from iframe</font>&nbsp;&nbsp;&nbsp;&nbsp; 
)</font></b></p>
<p align="left"><b><font size="5">description :&nbsp; (&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<font color="#FF0000" id="thedescription">&nbsp;meta name=&quot;description&quot; from iframe </font>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
)</font></b></p>
<p align="left"><b><font size="5">keywords :&nbsp; (&nbsp;&nbsp;&nbsp;&nbsp;
<font color="#FF0000" id="thekeywords">meta name=&quot;keywords&quot; from iframe </font>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
)</font></b></p>
<iframe name="I1" src="another.htm" width="300" height="300" scrolling="auto" frameborder="1"></iframe>
<script type="text/javascript">
;(function(frame){
	document.getElementsByName(frame)[0].onload = function(){
		var d = window.frames[frame].document, dt, dd, dk;
		document.title = document.getElementById('thetitle').innerHTML = (dt = d.title)? dt : 'Untitled';
		document.getElementById('thedescription').innerHTML = (dd = d.getElementsByName('description')[0])? dd.getAttribute('content', 0) : 'No Description';
		document.getElementById('thekeywords').innerHTML = (dk = d.getElementsByName('keywords')[0])? dk.getAttribute('content', 0) : 'No Keywords';
	};
})('I1');
</script>
<br>
<a href="yet_another.htm" target="I1">Yetti</a><br>
<a href="another.htm" target="I1">Bob</a><br>
</body>
</html>

**vb2all** · 09-07-2011, 02:27 PM

Originally Posted by jscheuer1

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

</head>
<body>
<p align="left"><b><font size="5">title :&nbsp; (&nbsp;&nbsp;&nbsp;<font color="#FF0000" id="thetitle">title 
from iframe</font>&nbsp;&nbsp;&nbsp;&nbsp; 
)</font></b></p>
<p align="left"><b><font size="5">description :&nbsp; (&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<font color="#FF0000" id="thedescription">&nbsp;meta name=&quot;description&quot; from iframe </font>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
)</font></b></p>
<p align="left"><b><font size="5">keywords :&nbsp; (&nbsp;&nbsp;&nbsp;&nbsp;
<font color="#FF0000" id="thekeywords">meta name=&quot;keywords&quot; from iframe </font>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
)</font></b></p>
<iframe name="I1" src="another.htm" width="300" height="300" scrolling="auto" frameborder="1"></iframe>
<script type="text/javascript">
;(function(frame){
	document.getElementsByName(frame)[0].onload = function(){
		var d = window.frames[frame].document, dt, dd, dk;
		document.title = document.getElementById('thetitle').innerHTML = (dt = d.title)? dt : 'Untitled';
		document.getElementById('thedescription').innerHTML = (dd = d.getElementsByName('description')[0])? dd.getAttribute('content', 0) : 'No Description';
		document.getElementById('thekeywords').innerHTML = (dk = d.getElementsByName('keywords')[0])? dk.getAttribute('content', 0) : 'No Keywords';
	};
})('I1');
</script>
<br>
<a href="yet_another.htm" target="I1">Yetti</a><br>
<a href="another.htm" target="I1">Bob</a><br>
</body>
</html>

Thank you very much
But how do you show (title, description, keywords) in the source of the page

**jscheuer1** · 09-07-2011, 05:24 PM

In the source of what page? It's already in the source of the page in the iframe. You cannot change the source code of the top page using javascript.

It does show the requested information on the top page when viewed in the browser:

http://home.comcast.net/~jscheuer1/s...le/index_3.htm

Thread: how to get iframe title

Thread Tools

Search Thread

how to get iframe title

can you see

Bookmarks

Bookmarks

Posting Permissions