Manuals
iFrame que s'ajusta a l'alturaCom fer que una pàgina fill.htm carregui en una altre pàgina pare.htm dintre d'un iFrame que s'ajusti exactament a l'altura de la pàgina fill.htm?
1. Incluir entre <BODY> i </BODY> de la pàgina pare.htm:
<script type="text/javascript">
function modificar(altura) { document.all.framecito.style.height = altura; }
</script>
<iframe id=framecito border=0 frameborder=0 framespacing=0 marginheight=0 marginwidth=0 name=Fill noResize scrolling=no width="100%" height=0 src="http://www.ElTeuDomini.com/fill.htm"></iframe><br />
2. Incluir entre <HEAD> i </HEAD> de la pàgina fill.htm:
<script>
function actualizar() { parent.modificar(document.body.scrollHeight); }
</script>
3. Col·locar en l'etiqueta <BODY> de la pàgina fill.htm l'instrucció d'actualizació:
<BODY onLoad="javascript:actualizar()">
NOTA: Es molt important que les pàgines pare.htm i fill.htm estiguin sota el mateix domini (directiva document.domain en JavaScript) ja que en cas contrari es denegarà l'accès de la pà gina fill a modificar les propietats (altura) de la pàgina pare. Això és tan sensible que si accedim a la pàgina pare des de la direcció http://ElTeuDomini.com/pare.htm i en el iFrame es carrega http://www.ElTeuDomini.com/fill.htm el mecanisme no funcionarà, ja que el document.domain de la pàgina pare (ElTeuDomini.com) no coincideix exactament amb el de la pàgina fill (www.ElTeuDomini.com).
Article original:
MiguelinTraducció i adaptació: RainCT.
Correcció: JoTGi.
