Wrapper Auto-Height Problems.

[MarshallX]

Any chance you can post your fix? I've tried 20 or more "fixes" and none work across all 3 browsers.

[thefreer]

Hi, for a wrapper as module you have to edit :

modules > mod_wrapper > tmpl > default.php

Code: Select all

<script type="text/javascript">
function iFrameHeight() {
  var f = document.getElementById('blockrandom');
  f.style.height = '100px' ;
  var d = (f.contentWindow.document || f.contentDocument) ;
  var height = Math.max(d.body.offsetHeight, d.body.scrollHeight) ;
  height += 200; // scrollbars?
  f.style.height = height + 'px' ;
  f.setAttribute("height", height) ;
}
</script>
<iframe <?php echo $load; ?>
	id="blockrandom"
	name="<?php echo $target ?>"
	src="<?php echo $url; ?>"
	width="<?php echo $width ?>"
	height="<?php echo $height ?>"
	scrolling="<?php echo $scroll ?>"
	class="wrapper<?php echo $moduleclass_sfx ?>" >
	<?php echo JText::_('MOD_WRAPPER_NO_IFRAMES'); ?>
</iframe>

Setting for module :

Auto Add > Yes
Sroll bar > No
Width > 100 %
Height > 100 (as you want)
Auto Height > Yes

Remember if you use a third party template, you have to check if there is no overide of the above file. If there is an overide, just replace it with the code above.

[MarshallX]

Didn't seem to work, followed exactly as above says.

http://fugaming.net/funew/index.php?opt ... Itemid=468

Also tried adding it to the component.

[thefreer]

No here is the code I'm seing in your source :

Code: Select all

function pageY(elem) {
    return elem.offsetParent ? (elem.offsetTop + pageY(elem.offsetParent)) : elem.offsetTop;
}
var buffer = 0; //scroll bar buffer
function iFrameHeight()
  {
   var the_height=
   document.getElementById('blockrandom').contentWindow.
   document.body.scrollHeight;
   document.getElementById('blockrandom').height=
   the_height;
  }
}
document.getElementById('blockrandom').onload=iFrameHeight;
window.onresize = iFrameHeight;
</script>
<div class="contentpane">
<iframe onload="iFrameHeight()"	id="blockrandom"
	name="iframe"
	src="http://fugaming.net/forums/"
	width="100%"
	height="600"
	scrolling="no"
	frameborder="0"
	class="wrapper">
	This option will not work correctly. Unfortunately, your browser does not support inline frames.</iframe>
</div>

It has nothing to do with the above code.

Witch joomla do you use? And do you use wrapper as module?

[MarshallX]

Joomla 2.5

I don't know whether I'm using wrapper as a module - my menu item is pointed to Iframe wrapper which is a URL to my forum.

[thefreer]

Try the following, asign you menu item to an article (not wrapper), then add new module wrapper and asign position and page to show, that's what I'm doing.

Anyway as I'm seing in your code, the above code doesn't render in you html file.

If you want I can have a look, just write me private message with temporary access other ways I cannot help.

[MarshallX]

You are my hero - I've been banging my head against the wall all day with this.

Thank you!!

[thefreer]

You are welcome, I banged my head also before finding out. :-)

[MarshallX]

Now if only I could find a free PHPBB and Joomla 2.5 bridge

[thefreer]

What do you mean by bridge?

[MarshallX]

Use PHPBB User DB with Joomla so our users don't have to register two accounts.

And the ability to pull the last 5 posts as news posts from any PHPBB forum.

There are paid apps but they are outrageously expensive (50 each)

[thefreer]

There's not lot of choice, buy an extention or code it yourself. If you have some php/mysql knowledge it shouldn't be hard to automaticaly create an user in phpbb when someone register on your website. You will just need to edit some files.

Just make some research, or let someone code it for you, have a look on fiverr.com

[MarshallX]

Well, I found one that works. It's Jfusion.

The weirdest thing is for a couple of users the stretch doesn't work still.

[yiun]

This worked for my 2.5.10:
http://www.minitek.gr/tutorials/javascr ... eight.html

EDIT
i just needed some extra height so i changed this line

Code: Select all

document.getElementById('blockrandom').style.height = height + 'px';

to

Code: Select all

document.getElementById('blockrandom').style.height = (height+80) + 'px';