Ok I see that tihis link don't working, so the solution I found is as following:
You should change file in components/com_wrapper/wrapper.html.php
Find the following code and comment it:
<!--<script language="javascript" type="text/javascript">
function iFrameHeight() {
var h = 0;
if ( !document.all ) {
h = document.getElementById('blockrandom').contentDocu ment.height;
document.getElementById('blockrandom').style.heigh t = h + 60 + 'px';
} else if( document.all ) {
h = document.frames('blockrandom').document.body.scrol lHeight;
document.all.blockrandom.style.height = h + 20 + 'px';
}
}
</script>-->
This is the orignall function that wrapper uses.
In the same file find the iFrame statement and replace it as follows:
<iframe
id="blockrandom" name="blockrandom"
src="<?php echo $row->url; ?>"
width="<?php echo $params->get( 'width' ); ?>"
onload="setTimeout('DYNIFS.resize(\'blockrandom\') ;', 150)"
scrolling="<?php echo $params->get( 'scrolling' ); ?>"
align="top"
frameborder="0"
class="wrapper<?php echo $params->get( 'pageclass_sfx' ); ?>">
Sorry, you can not view this content as your browser doesn't seem to support iFrames!
</iframe>
Next create file autoheight.js in template scripts folder and paste the following code:
//
// iFrame Auto Resize
//
var DYNIFS = {
// Storage for known IFrames.
iframes: {},
// Here we save any previously installed onresize handler.
oldresize: null,
// Flag that tell us if we have already installed our onresize handler.
ready: false,
// The document dimensions last time onresize was executed.
dim: [-1,-1],
// Timer ID used to defer the actual resize action.
timerID: 0,
// Obtain the dimensions (width,height) of the given document.
getDim: function(d) {
var w=200, h=200, scr_h, off_h;
if( d.height ) { return [d.width,d.height]; }
with( d.body ) {
if( scrollHeight ) { h=scr_h=scrollHeight; w=scrollWidth; }
if( offsetHeight ) { h=off_h=offsetHeight; w=offsetWidth; }
if( scr_h && off_h ) h=Math.max(scr_h, off_h);
}
return [w,h];
},
// This is our window.onresize handler.
onresize: function() {
// Invoke any previously installed onresize handler.
if( typeof this.oldresize == 'function' ) { this.oldresize(); }
// Check if the document dimensions really changed.
var dim = this.getDim(document);
if( this.dim[0] == dim[0] && this.dim[1] == dim[1] ) return;
// Defer the resize action to prevent endless loop in quirksmode.
if( this.timerID ) return;
this.timerID = setTimeout('DYNIFS.deferred_resize();', 10);
},
// This is where the actual IFrame resize is invoked.
deferred_resize: function() {
// Walk the list of known IFrames to see if they need to be resized.
for( var id in this.iframes ) this.resize(id);
// Store resulting document dimensions.
this.dim = this.getDim(document);
// Clear the timer flag.
this.timerID = 0;
},
// This is invoked when the IFrame is loaded or when the main window is resized.
resize: function(id) {
// Browser compatibility check.
if( !window.frames || !window.frames[id] || !document.getElementById || !document.body )
return;
// Get references to the IFrame window and layer.
var iframe = window.frames[id];
var div = document.getElementById(id);
if( !div ) return;
// Save the IFrame id for later use in our onresize handler.
if( !this.iframes[id] ) {
this.iframes[id] = true;
}
// Should we inject our onresize event handler?
if( !this.ready ) {
this.ready = true;
this.oldresize = window.onresize;
window.onresize = new Function('DYNIFS.onresize();');
}
// This appears to be necessary in MSIE to compute the height
// when the IFrame'd document is in quirksmode.
// OTOH, it doesn't seem to break anything in standards mode, so...
if( document.all ) div.style.height = '0px';
// Resize the IFrame container.
var dim = this.getDim(iframe.document);
div.style.height = (dim[1]+200) + 'px';
}
};
The last part is to call to this script in your head.php file as follows:
<script language="javascript" type="text/javascript" src="<?php echo $template_path;?>/scripts/autoheight.js"></script>
This work for me fine. There is only small disadvendtege of this solution, there is some delay when wrapped page loads.
LinkBack URL
About LinkBacks
Wrapper iFrame height=&quot;auto&quot;
Zitieren
Zitat von Ahler
Lesezeichen