TinyPortal

Development => Support => Topic started by: 5thmsstech on March 13, 2007, 02:54:56 AM

Title: iframe
Post by: 5thmsstech on March 13, 2007, 02:54:56 AM
Hoping someone can help.
Ive searched the site and tried a bunch of different things.
What im trying to do is open THIS PAGE (http://tricomsupport.com/hdesk/module.php?module=HelpCenter)
in an article on my site. Im using an iframe script i got from a member here.
When i ad the script below it wants to work i can feel it lol.
but i cant get the height on it.
example: HERE (http://www.tricomsupport.com/index.php?page=7)
Maybe someone can point me in the right direction it
would be greatly appreciated.

Quote<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:

//This is the 'no scroll' version of my HTML page iframe, adapted the code from TinyPortal & DD for use here... ken
var iframeids=["myframe"]

//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 id="myframe" src= "http://tricomsupport.com/hdesk/module.php?module=HelpCenter" marginwidth="0" marginheight="0" vspace="0" hspace="0" style="width: 100%; display: none;" frameborder="0" scrolling="no"></iframe>
Title: Re: iframe
Post by: G6Cad on March 13, 2007, 06:18:48 AM
Seems like the hight is missing from the code

add in height="900" where you have the width"100%"

So it looks like this
marginwidth="0" height="900" marginheight="0" vspace="0" hspace="0"

Then set the value (900) to what suit the page best.
Title: Re: iframe
Post by: 5thmsstech on March 13, 2007, 10:22:01 AM
Thankyou very much i had tried that but never stuck it in the right spot.
Title: Re: iframe
Post by: Ken. on March 13, 2007, 12:17:05 PM
Don't know if this relates to your issue, but in my article for Coppermine using  this code it worked well until my forum was upgraded to SMF1.1.2... it seems that something was lost in the transition from 1.1.1 because the auto-resize part stopped working. (I did a fresh install of SMF and imported my db backup)
After messing around with it for several days I finally just copied the code from the original post by G6 and that fixed it.
http://www.tinyportal.net/index.php?topic=11311.msg93479#msg93479
Title: Re: iframe
Post by: 5thmsstech on March 13, 2007, 08:14:29 PM
Im runnin 1.1RC3 but adding the height code seemed to do the trick.
Thankyou for the info though I will keep it in mind when i upgrade.