JavaScript für Dynamisches Iframe macht Probleme

ChrisTall · 18.10.2010

Hallo ihr lieben,
Ich bastel zurzeit an einer Internet Seite auf Joomla Basis mit einem Flash Menü und Flash Hintergrund.
Da ich nicht will das bei jedem Seitenwechsel die Flash Videos neu starten habe ich denn Joomla Content in ein IFrame gepackt und ein Javascript eingebunden das die Höhe des IFrames anpassen soll.

So jetzt zum Problem:

Das Skript tut zwar seinen Dienst das es die Größe anpasst aber mit jedem aufruf eines Menüpunkts wird der Iframe nur immer größer!

Evtl kann ja mal einer drüber guggen und findet meinen Fehler

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>

<jdoc:include type="head" />
<link rel="stylesheet" href="/joom/templates/lsd-media/css/style2.css"/>
<link rel="stylesheet" href="/joom/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="/joom/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="/joom/templates/lsd-media/css/template.css" type="text/css" />
<link rel="stylesheet" href="/joom/templates/lsd-media/css/blue.css" type="text/css" />
<!--[if lte IE 6]>
<link href="/joom/templates/lsd-media/css/ieonly.css" <?php include_once('html/pagination.php');?> rel="stylesheet" type="text/css" />
<![endif]-->
</head>
<body>

<a name="up" id="up"></a>

<!--Hintergrund Div-->
<div id="bg">
    <div>
        <table cellpadding="0" cellspacing="0">
            <tr>
                <td>
      <!--Hintergrund Flash-->             

                </td>
            </tr>
        </table>
    </div>
</div>

<!--Inhalt -->
<div id="content">
<div id="main_bg">
    <div id="top"><img src="/joom/templates/lsd-media/images/top.png" alt="top" /></div>
    <div id="inhalt">
    
<div id="logo_bg">
        <img src="/joom/templates/lsd-media/images/logo.png" alt="logo" align="left" hspace="15" />
        <a href="index.php" class="logo"></a>
        <div id="user4"><jdoc:include type="modules" name="user4" /></div>
        <br clear="all" />
    </div>
    <div id="banner">
<object id="art-flash-object" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="960" height="200">
<param name="movie" value="/joom/templates/lsd-media/images/banner.swf" />
<param name="quality" value="high" />
<param name="scale" value="exactfit" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="color1=0xFFFFFF&amp;alpha1=.0&amp;framerate1=24" />
<param name="swfliveconnect" value="true" /> <!--[if !IE]>-->                                                        
<object width="960" height="200" type="application/x-shockwave-flash" data="/joom/templates/lsd-media/images/banner.swf">
<param name="quality" value="high" />
<param name="scale" value="exactfit" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="color1=0xFFFFFF&amp;alpha1=.0&amp;framerate1=24" />
<param name="swfliveconnect" value="true" /> <!--<![endif]--> <!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>

<br clear="all" />

</div>
<div id="con">

<noscript><br /><span style="color:red;font-weight:bold;">Um alle Funktionen dieser Seite richtig nutzen zu koennen, muss Javascript in Deinem Browser aktiviert sein!<br /><br /></span></noscript>
<script language="JavaScript">

function iFrame() {
if(navigator.appName=='Netscape')
{
h = 30 + document.getElementById('static').contentDocument.height;
}
else {

h = 10 + document.frames('static').document.body.scrollHeight;
}
document.getElementById('static').style.height = h + 'px';
self.scrollTo(0,0);
}
</script>

<iframe id="static"
onLoad="iFrame()"
height = 500
width = 100%
border = 0
scrolling = no
frameborder = no
src="/joom/index.php"></iframe>






</div>

</div>
    <div id="bottom"><img id="main_bottom" src="/joom/templates/lsd-media/images/bottom.png" alt="bottom" align="bottom" /></div>
</div>
</div>
</div>


</body>
</html>

saila · 18.10.2010

AW: JavaScript für Dynamisches Iframe macht Probleme

HI,

kann es sein, dass das Script bei reload doppelt aufgerufen wird?

ChrisTall · 18.10.2010

AW: JavaScript für Dynamisches Iframe macht Probleme

Hi Saila,

ich wüsste nicht wo es noch ein 2. mal getriggert werden könnte!
Es ist ja nur einmal in der /index.php vorhanden
in der /joom/index.php (Der Joomla Content der im Iframe dargestellt wird) wurde davon ja nichts eingefügt!

Grüße Chris

saila · 18.10.2010

AW: JavaScript für Dynamisches Iframe macht Probleme

Wenn du console.log des Firebug kennst, setze dieses Werkzeug mal ein.
Das bedeutet, du musst im javascript-Teil console.log('hallo'); platzieren. Wenn also der iframe ein zweites mal aufgerufen wird, könnte es also sein, dass die von dir verwendeten Methoden bereits im
DOM enthalten sind und dadurch der doppel-Effekt entstehen kann.

ChrisTall · 18.10.2010

AW: JavaScript für Dynamisches Iframe macht Probleme

Hmm der Firebug hat mir jetzt nix besonderes angezeigt nur meine kleine Überschneidung im CSS das ich noch aufräumen muss!

Ich schick dir mal denn Link zur Seite per PN evtl. findets bei dir ja was.

console.log('hallo'); ist noch drin

grüße Chris