DYNAMISCHES IFRAME

[Metin]

Hallo Spy,

ich habe Deinen Text wie unten einkopiert, in meine Seite eingebunden. Doch die Höhe des IFRAME passt sich nicht der Länge der Seite an. Mache ich da etwas falsch ?

Wäre dankbar für einen Vorschlag.

Metin

<script type="text/javascript">

function pollReadyState()
{
 if (document.frames["dynamicFrame"].document.readyState == "complete")
{
  iFrameResize();
}
 else
{
  setTimeout("pollReadyState()",500);
}
}

function iFrameResize()
{
 var bodyHeight = dynamicFrame.document.body.scrollHeight + 20;
 document.getElementsByTagName("iframe")[0].setAttribute("height", bodyHeight);
}
</script>

</head>
.
.
.

<td width="60%" valign="top">

<iframe onLoad="iFrameResize();" src="html/startseite.htm" name="dynamicFrame" id="dynamicFrame" width="100%" height="bodyHeight" scrolling="no" frameborder="0"></iframe>
<script language="javascript">
 if (navigator.appName == 'Microsoft Internet Explorer')
 {
  pollReadyState();
 }
</script>
   </td>

Hallo Metin,

Ist so etwas überhaupt möglich ?

Ja, so was ist möglich. Ich habe volgenden JS-Code für eine dynamische Anpassung der Höhe im Einsatz.

// hier fängt der Javascript-Bereich an
// check if iFrame is loaded (only used by IE)
function pollReadyState()
{
if (document.frames["dynamicFrame"].document.readyState == "complete")
{
  iFrameResize();
}
else
{
  setTimeout("pollReadyState()",500);
}
}

function iFrameResize()
{
var bodyHeight = dynamicFrame.document.body.scrollHeight + 20;
document.getElementsByTagName("iframe")[0].setAttribute("height", bodyHeight);
}
...
...
...
HTML-Code

<iframe onLoad="iFrameResize();" src="meineSeite.html" name="dynamicFrame" id="dynamicFrame" scrolling="no" frameborder="0"></iframe>

<!-- Diesen Script-Bereich braucht man wegen dem IE. Dieser Bereich muss hinter dem <iframe>-Tag stehen -->
<script language="javascript">
<!--- IE 5.0 does not understand the onLoad event in the iFrame tag. Netscape uses the onLoad event to resize the iFrame --->
if (navigator.appName == 'Microsoft Internet Explorer')
      {
       pollReadyState();
      }
</script>

//ENDE

Hoffe es hilft Dir weiter. Du musst halt noch die Breite ergänzen.
Gruss
spy