~ iframe replacement ~

admin · Jan 10, 2008

Hi there everyone, 
 
I have been looking at the object element 
as a replacement for the iframe. The 
advantage of this is that it will validate 
as XHTML 1.0 Strict. 
 
Now it works fine in Netscape 7.1 
and it works fine in Mozilla 1.6 
It also works fine in firefox 0.8 
and it even works fine in Opera 7.0 
Yes you've guessed it

I have not mentioned I.E. 6.02 
Of course I.E. does not want to play

Check out the code and see if you have 
any ideas 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
<title>mouseover image position</title> 
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" /> 
 
<style type="text/css"> 
/*<![CDATA[*/ 
body 
{ 
background-color:#aaaaff; 
} 
#one 
{ 
position:absolute; 
left:50%; 
top:50%; 
margin:-150px 0 0 -250px; 
} 
object 
{ 
width:500px; 
height:300px; 
border:solid 1px #000000; 
} 
/*//]]>*/ 
</style> 
 
<script type="text/javascript"> 
//<![CDATA[ 
function externalLinks() 
{ 
if (!document.getElementsByTagName) return; 
var anchors = document.getElementsByTagName("a"); 
for (var i=0; i<anchors.length; i++) 
{ 
var anchor = anchors; 
if (anchor.getAttribute("href") &&anchor.getAttribute("rel") == "external") 
anchor.target = "foo"; 
} 
} 
window.onload = externalLinks; 
//]]> 
</script> 
 
</head> 
<body> 
 
<div id="one"> 
<object id="foo" name="foo" type="text/html"data="http://www.w3schools.com/"></object> 
</div> 
<div> 
<a href=http://www.htmlforums.com/archive/index.php/"http://www.google.com/"rel="external">this is an object test not an iframe test</a> 
</div> 
 
</body> 
</html>weird, it works for me in IE.Using IE6 the Google link does not open in the object target. It opens the same as if you used location.href. 
 
.....WillyOh, now I see. Could something like 
<a href=http://www.htmlforums.com/archive/index.php/"#" onclick="document.getElementById('foo').data = 'http://www.google.com';">google</a> 
work?I'm sure it can be done thru the DOM by creating a new object element, appending it to the document and removing the current object. After lunch I will try to make a mockup. 
 
.....WillyHi there Willy 
 
Crack this one and we can kiss 
the iframe goodbye for ever this is what I did based on Willy's idea, I'm sure he has a lot to enhance in it but still Hi there Jere, 
 
Well done, that works pretty well 
Just one minor problem with......I.E. 
When trying to refresh I get an error dialog box. 
See attachmentI don't get any error on IE 6.0, how hard I ever try - I will Download  IE 6.02, which you said you use, and try again.When Download ing IE, I am told that I already have the newest version installed. And M$ should watch out where they let their bulls poop, I got this pile of excrement on my screen when visiting IE's website: 
Whether you are a home user simply browsing content or getting e-mail on the Web, an IT administrator deploying and maintaining a rich set of Windows Internet technologies, or a Web developer creating Web content, Internet Explorer 6 SP1 gives you the freedom to experience the best of the Internet.Hi there Jere, 
 
The image that I attached must 
be another I.E. sick joke then 
On further investigation I could 
not even find line 9 char 15 ROFLMAO :rofl:I get a new window and no errors in 6.0.2800.1106Hi there scoutt, 
 
Are you talking of my original code 
or Jere's amended attachment ?No joy here either. 
The best I can do is change the data url put using 
IE6 all that is displayed is a blank document which if you 
view source contains &#nbsp; But no Google. 
 
The only success I did have was loading Google into a 
hidden division and then using cloneNode to overwrite the 
what was originally contained in the one division. 
But this seems pointless in that you are loading multiple 
pages. 
 
.....Willy 
 
BTW: Here is one example of my attempts: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
<title>mouseover image position</title> 
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" /> 
 
<style type="text/css"> 
/*<![CDATA[*/ 
body 
{ 
background-color:#aaaaff; 
} 
#one 
{ 
position:absolute; 
left:50%; 
top:50%; 
margin:-150px 0 0 -250px; 
} 
object 
{ 
width:500px; 
height:300px; 
border:solid 1px #000000; 
} 
/*//]]>*/ 
</style> 
 
<script type="text/javascript"> 
//<![CDATA[ 
function loadObject(newUrl){ 
var oldObj,newObj; 
var anchors = document.getElementsByTagName('a'); 
oldObj=document.getElementById('foo'); 
for(var i=0; i<anchors.length; i++){ 
var anchor = anchors; 
if(anchor.getAttribute('rel') == 'external'){ 
newObj = document.createElement('object'); 
newObj.id = 'foo'; 
newObj.type = 'text/html'; 
newObj.data = newUrl; 
 
oldObj.parentNode.insertBefore(newObj,oldObj); 
oldObj.parentNode.removeChild(oldObj); 
} 
} 
 
alert(newObj.data); 
alert(document.getElementById('foo').data) 
alert(document.getElementById('one').innerHTML) 
 
} 
//]]> 
</script> 
 
</head> 
<body> 
 
<div id="one"> 
<object id="foo" type="text/html" data="http://www.w3schools.com/"></object> 
</div> 
<div> 
<a href=http://www.htmlforums.com/archive/index.php/"http://www.google.com/"rel="external" onclick="loadObject(this.href); return false">this is an object test not an iframe test</a> 
</div> 
 
</body> 
</html>Whoa; 
 
Before when I tried Agents code I chose to run the code rather than save to my HD and all I got was a blank document in the object. I just tried it again but Download ed the codes to my HD and when opened they worked both locally and on my PWS. 
 
.....WillyÃ‚Â 
Ã‚Â 
Ã‚Â 
So why is I.E. such a party pooper Originally posted by coothead 
Ã‚Â 
Ã‚Â 
Ã‚Â 
So why is I.E. such a party pooper 
A question for the ages. Originally posted by coothead 
Hi there scoutt, 
 
Are you talking of my original code 
or Jere's amended attachment ? 
your orignal code from you 
 
if you are to replace the iframe then try not to use javascript.Originally posted by scoutt 
if you are to replace the iframe then try not to use javascript. 
IE doesn't like link targets to objects, then what else can you do than use JavaScript?Ã‚Â 
Ã‚Â 
Ã‚Â 
Ã‚Â 
Ã‚Â Ã‚Â Ã‚Â Ã‚Â + we want it to validate.... 
Ã‚Â Ã‚Â Ã‚Â Ã‚Â XHTML 1.0 Strict

~ iframe replacement ~

admin

Administrator