Firefox displays my site fine, but in IE 6 or 7 it will not load the roster. Is there a code I'm missing somewhere?
take a look at the site in Firefox and IE
http://www.BurningHatred.info
heres the code im using
<script type="text/javascript">
/***********************************************
* IFrame SSI script II- Ã,© Dynamic Drive DHTML code library (http://www.dynamicdrive.com)
* Visit DynamicDrive.com for hundreds of original DHTML scripts
* This notice must stay intact for legal use
***********************************************/
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:
var iframeids=["10"]
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):
var iframehide="yes"
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers
function resizeCaller() {
var dyniframe=new Array()
for (i=0; i<iframeids.length; i++){
if (document.getElementById)
resizeIframe(iframeids)
//reveal iframe for lower end browsers? (see var above):
if ((document.all || document.getElementById) && iframehide=="no"){
var tempobj=document.all? document.all[iframeids] : document.getElementById(iframeids)
tempobj.style.display="block"
}
}
}
function resizeIframe(frameid){
var currentfr=document.getElementById(frameid)
if (currentfr && !window.opera){
currentfr.style.display="block"
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax
currentfr.height = currentfr.Document.body.scrollHeight;
if (currentfr.addEventListener)
currentfr.addEventListener("load", readjustIframe, false)
else if (currentfr.attachEvent){
currentfr.detachEvent("onload", readjustIframe) // Bug fix line
currentfr.attachEvent("onload", readjustIframe)
}
}
}
function readjustIframe(loadevt) {
var crossevt=(window.event)? event : loadevt
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement
if (iframeroot)
resizeIframe(iframeroot.id);
}
function loadintoIframe(iframeid, url){
if (document.getElementById)
document.getElementById(iframeid).src=url
}
if (window.addEventListener)
window.addEventListener("load", resizeCaller, false)
else if (window.attachEvent)
window.attachEvent("onload", resizeCaller)
else
window.onload=resizeCaller
</script> <iframe scrolling="no" height="4100" frameborder="0" id="10" src="http://www.everythingwow.com/burninghatred2/roster" marginwidth="0" marginheight="0" vspace="0" hspace="1000" style="width: 100%; display: none;"></iframe>
The url - http://www.everythingwow.com/burninghatred2/roster doesn't look complete. But just clicking on it above brings up a very large page that looks like all rosta's.
yes thats what it should do, is show that roster in the iframe
Try and put an / at the end of the url string
Like this
</script> <iframe scrolling="no" height="4100" frameborder="0" id="10" src="http://www.everythingwow.com/burninghatred2/roster/" marginwidth="0" marginheight="0" vspace="0" hspace="1000" style="width: 100%; display: none;"></iframe>
didn't work :(
Wait a min.
Did you just copy and paste the code and placed it in the post here ?
I just saw you have a space between the </script> <iframe scrolling="no"
place them to gether and test again </script><iframe scrolling="no"
that didnt work either :(
is there any other iframe code I could try?
This is what I use in a php article
echo '<IFRAME src="http://www.LINKTOPAGE.com" width="100%" height="500" marginwidth=0 marginheight=0 frameborder=0 scrolling=no></IFRAME>'
Then just add your article to the menu manger and it works great
to see in action goto http://www.porkrindstudios.com and select BF2 stats on the left top block
I've just had a look at the original script, I think I see the problem.
"Step 1: Insert the below script into the HEAD section of your page:"
This shouldn't be in the block
"Step 2: Having done the above, define the IFRAMEs you wish to be automatically resized, and insert them onto your page. An example looks like:"
This bit only goes in a scriptbox block
that code works lol thank you
thanks to everyone for their help this code here works
<IFRAME src="http://www.LINKTOPAGE.com" width="100%" height="500" marginwidth=0 marginheight=0 frameborder=0 scrolling=no></IFRAME>