• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

js "findet" element anscheinend nicht

Status
Für weitere Antworten geschlossen.

atrioom

Neues Mitglied
hallo zusammen!

sitze seit stunden und mein schädel raucht vom lesen bereits. letzte hoffnung: ein forumspost! ich hoffe ich finde hier erleuchtung ;)

mein problem ist folgendes:

habe eine datei die ca. so aussieht:

HTML:
<html>
<head>

<link href="style.css" rel="stylesheet" type="text/css">
<script language="JavaScript" type="text/JavaScript">
<!--

function anpassen()
{
  document.getElementById('shop_frame').style.height = document.getElementById('shop_frame').document.getElementById('wrapper').height + 'px';
  alert("gusch");
}

//-->
</script>
</head>

<body>

<table width="708" border="0" cellpadding="0" cellspacing="0">
  
      <tr>
        <td align="left" valign="top" class="fliesstext">
        
      <!-- IFRAME -->
        
        <iframe style="height: 100%; width:680px;" id="shop_frame" src="laaser_shop_system/shop/index.php" scrolling="no" border="0" frameborder="0" onLoad="anpassen()"></iframe>
   
        </td>
        </tr>
  
</table>
</body>
</html>
In dem Table ist normalerweise noch mehr Content, aber meiner Meinung nach nichts, was die Lösungsfindung beinträchtigen könnte. Es geht ausschließlich um die Funktion "anpassen", die im oberen Teil des html-files definiert wird und sich auf das IFrame weiter unten beziehen soll. In dem file im IFrame gibt es ein div mit id="wrapper" dem auch eine höhe zugewiesen wird (übertriebene 800px, damit ich seh obs klappt).
Weiters wird die Funktion ja über den onLoad Handler gestartet und beinhaltet ein "alert('gusch');". Auch dieses sehe ich nicht.

Habe ich grobe Fehler gemacht? Oder etwas vergessen? Ist die herangehensweise eine falsche? Wenn euch etwas auffällt, oder sonst IRGENDWAS dazu zu sagen ist, dann bitte nicht zögern, ich warte gespannt wie ein Gummiringerl auf Lösungsvorschläge! 8)

Danke und cu

Alex
 
Zuletzt bearbeitet:
Moin Moin

Also ich sehe in dem Quelltext den du gepostet hast keinen DIV mit der ID Wrapper und nach meinem Kenntnissstand ist es auch nicht legitim einen DIV in einem IFrame unterzubringen. Schaue mal in die Fehlerkonsole von deinem Browser und poste mal was dir als Fehler ausgegeben wird. Es gibt für Firefox auch eine schöne Erweiterung mit dem Namen "WebDeveloper Toolbar". Sehr nützlich für alle Arten der Webentwicklung.

So wie ich das sehe willst du mit deinem Code bezwecken dass sich der IFrame an die Höhe des eingebundenen Shops anpasst. Meiner Meinung nach sieht das nach Werteübergabe zwischen HTML Dokumenten aus.

Ich hoffe ich konnte dir weiterhelfen.

MfG

NewLord
 
Ich melde mich gerade von unterwegs, daher keine entsprechende Umgebung ums auszuprobieren, oder Fehlermeldungen zu posten.

Was ich jedoch von hier vielleicht verdeutlichen könnte ist folgendes: Es wird in meinem iframe ein file geladen, welches eine komplette html Struktur enthält. Es könnte auch standalone irgendwo rumstehen, es hat das <html> tag und ein <body> tag, in welchem wiederum das <div id="wrapper"> zu finden ist.

Während ich dies hier schreibe kommt mir der Gedanke, dass ein solcher Aufbau eventuell gar nicht zulässig ist, und ich in dem file in dem iframe die ganzen tags weglassen sollte und gleich mit dem <div> anfangen könnte... was sagt ihr dazu?

Noch kurz zur weiteren Erläuterung: das <div id="wrapper"> ist jenes von welchem das komplett übergeordnete file shop.html, das auch das iframe enthält, per js die Höhe nehmen und auf das iframe anwenden soll. Soweit sollte klar sein, wie der Hase läuft. Nebenbei könnte "Betriebsblindheit" dazu führen, dass ich zuviel Info vorraussetze. Falls dem so ist, löchert mich mit
Fragen, ich wäre entzückt. 8)

Danke und cu

Alex

PS. Webdeveloper verwende ich zum Glück schon (feine Sache), und Fehlermeldung in dem Sinn ist mir gar keine untergekommen. Er spielt mir ja wie gesagt nicht mal das alert("gusch") vor. Was mich übrigens auch ziemlich verwirrt, weil er das ja im Prinzip auf jeden Fall machen müsste, weil das iframe ja geladen wird.

Langer Text, langer Text im sorry :???:
 
Naja - wenn der erste JavaScript Befehl nicht ausgeführt werden kann, dann wird das Nachfolgende meinem Wissenstand nach auch nicht ausgeführt. Meistens liegt das daran, dass das Element nicht vorhanden ist. Du müsstest mit JavaScript auf die HTML Elemente des eingebundenen Dokumentes zugreifen. Schau mal hier: JavaScript und Frames

Die anderen Konstrukte des eingebunden Dokumentes musst du drinne lassen, da du ja ein komplettes HTML Dokument als IFrame einbindest. Im Übrigen solltest du auch korrektes HTML schreiben. Bei dir fehlen zb. die DOCTYPE Angaben.

MfG

NewLord
 
hi newlord!

Danke für die vielen Lösungsansätze! Ich bin das Stück für Stück durchgegangen und habe folgendes zusammengebastelt:

HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>lala</title>
<link href="style.css" rel="stylesheet" type="text/css">
<META NAME="description" content="lala">
<META NAME="keywords" content="lala">

<script language="JavaScript" type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

function anpassen()
{
  parent.frames[shop_frame].outerHeight = parent.frames[shop_frame].document.getElementById('wrapper').offsetHeight;
  alert("gusch");
}

//-->
</script>
</head>

<body onLoad="MM_preloadImages('img/de_nav_hme_act.png','img/de_nav_zmm_act.png','img/de_nav_kntkt_act.png','img/lang_de_act.png')"><table class="oasch" width="708" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="3"></td>
    <td colspan="3"></td>
    <td width="10"></td>
  </tr>
  <tr>
    <td height="112"><img src="img/lay_rand_lo.png" width="3" height="112"></td>
    <td colspan="3"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="8%"><a href="index.html"><img src="img/logo.png" alt="Q" width="54" height="54" border="0"></a></td>
        <td width="30%"><a href="index.html"><img src="img/de_logo_sz.png" alt="lala" width="210" height="54" border="0"></a></td>
        <td width="49%"><img src="img/head_1.png" alt="1" width="120" height="54"></td>
        <td width="3%"><img src="img/head_2.png" alt="2" width="67" height="54"></td>
        <td width="3%"><img src="img/head_3.png" alt="3" width="78" height="54"></td>
        <td width="3%"><img src="img/head_4.png" alt="4" width="89" height="54"></td>
        <td width="4%"><img src="img/head_5.png" alt="5" width="83" height="54"></td>
      </tr>
      <tr>
        <td><img src="img/de_seit.png" alt="seit 1907" width="54" height="58"></td>
        <td><img src="img/head_6.png" alt="6" width="210" height="58"></td>
        <td><img src="img/head_7.png" alt="7" width="120" height="58"></td>
        <td><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image24','','img/de_nav_hme_act.png',1)"><img src="img/de_nav_hme_in.png" alt="home" name="Image24" width="67" height="58" border="0"></a></td>
        <td><a href="zimmer.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image25','','img/de_nav_zmm_act.png',1)"><img src="img/de_nav_zmm_in.png" alt="zimmer" name="Image25" width="78" height="58" border="0"></a></td>
        <td><img src="img/de_nav_bchng_act.png" width="89" height="58"></td>
        <td><a href="kontakt.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image27','','img/de_nav_kntkt_act.png',1)"><img src="img/de_nav_kntkt_in.png" alt="kontakt" name="Image27" width="83" height="58" border="0"></a></td>
      </tr>
    </table></td>
    <td><img src="img/lay_rand_ro.png" width="5" height="112"></td>
  </tr>
  <tr>
    <td height="36" valign="top"><img src="img/lay_rand_lm.png" width="3" height="36"></td>
    <td colspan="3" rowspan="2" valign="top" bgcolor="#FFFFFF">
    
    <table width="100%" class="oasch"  border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="73%" height="36"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image29','','img/lang_de_act.png',1)"></a>
          <table width="116" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td><a href="booking_en.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('english','','img/lang_en_act.png',1)"><img src="img/lang_en_in.png" alt="Select english Language" name="english" width="46" height="36" border="0"></a></td>
              <td><img src="img/lang_de_act.png" width="70" height="36" border="0"></td>
            </tr>
          </table></td>
        </tr>
      <tr>
        <td height="39"><img src="img/de_bchng_sheadtxt.png" alt="lala" width="183" height="20" style="padding-left:10px"></td>
        </tr>
        
        
      <tr class="oasch">
        <td align="left" valign="top" class="fliesstext">
        
      
        <!-- IFRAME -->
        
        <iframe name="shop_frame" width="680" src="laaser_shop_system/shop/index.php" scrolling="no" border="0" frameborder="0" onLoad="anpassen()"></iframe>
        
        
        </td>
        </tr>
    </table></td>
    <td valign="top" background="img/lay_rand_roop.png"><img src="img/lay_rand_rm.png" width="5" height="36"></td>
  </tr>
  <tr>
    <td height="374" valign="top" background="img/lay_rand_loop.png" ><img src="img/lay_rand_lu.png" width="3" height="241"></td>
    <td valign="top" background="img/lay_rand_roop.png"><img src="img/lay_rand_ru.png" width="5" height="241"></td>
  </tr>
  <tr>
    <td height="22" ><img src="img/lay_rand_luu.png" alt="luu" width="3" height="27"></td>
    <td width="5" background="img/fuss_bg.png" ><img src="img/lay_rand_lueck.png" alt="lueck" width="4" height="27"></td>
    <td width="690" height="22" valign="middle" background="img/fuss_bg.png"  class="footer"></td>
    <td width="5" align="right" background="img/fuss_bg.png"><img src="img/lay_rand_rueck.png" alt="unteneck" width="5" height="27"></td>
    <td><img src="img/lay_rand_ruu.png" alt="ruu" width="5" height="27"></td>
  </tr>
</table>

<br>
<span class="copyright">lala</span>
</body>
</html>

Das hier ist die Page im Ganzen, also mit DOCTYPE etc... Ich wollte das eingangs nur nicht alles posten, weils vielleicht abschreckend wirkt. Ich habe laut SELFHTML die js Anweisung umgebaut auf "parent.frames[shop_frame].etc..." in der Hoffnung es würde sich endlich zeigen das flüchtige frame.
Im Firefox bekomme ich dennoch die Fehlermeldung: "parent.frames[shop_frame] has no properties"

In SELFHTML wird auch nur der Fall für ein ganzes Frameset erklärt, ich frage mich ob das so ohne weiteres auf Iframes übertragen werden kann.

Zum Thema alert("gusch"); :
Es gibt ein alert wenn ich es VOR die andere Anweisung schreibe. Immerhin ;-)


Danke und cu
Alex

PS.: Bei mir macht der FF in den Code Fenstern des Forums keinen gscheiten Zeilenumbruch, sollt ich mal die FAQ durchstöbern oder ist das normal?
 
Hallo Leute!
Ich bin ständig am grübeln und wenn mir etwas halbwegs plausibles einfällt denk ich mir lasse ich alle daran teilhaben :mrgreen:

wäre es denkbar, dass der inhalt des iframes noch nicht geladen ist, und er deshalb die höhe die die funktion anpassen() vergeben sollte noch gar nicht existiert?

falls dem so ist, wäre eine ifbedingung in der richtung if(document.geladen){}
ganz hilfreich... ist jemandem ein derartiger lösungsansatz schon einmal untergekommen?

greets

alex
 
Problem Gelöst!

Soda. Das war eine einigermaßen schwere Geburt, aber jetzt bin ich um so glücklicher das Problem gelöst zu haben!!

Das hier ist der funktionierende Code in einer bestimmten Reihenfolge:

Das übergeordnete file shop.html

HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>asdf</title>
<link href="style.css" rel="stylesheet" type="text/css">


<script language="JavaScript" type="text/JavaScript">
<!--


function anpassen()
{
    
    //top.shop_frame.offsetHeight = top.shop_frame.document.getElementById('wrapper').offsetHeight;
 document.getElementById('shop_frame').style.height = frames['shop_frame'].document.getElementById('wrapper').offsetHeight + 'px';
}

//-->
</script>
</head>

<body><table class="oasch" width="708" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="3"></td>
    <td colspan="3"></td>
    <td width="10"></td>
  </tr>
  <tr>
    
    <td colspan="3"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
    </table></td>
    <td><img src="img/lay_rand_ro.png" width="5" height="112"></td>
  </tr>
  <tr>
    <td height="36" valign="top"><img src="img/lay_rand_lm.png" width="3" height="36"></td>
    <td colspan="3" rowspan="2" valign="top" bgcolor="#FFFFFF">
    
    <table width="100%" class="oasch"  border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="73%" height="36"><
          <table width="116" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td></td>
              <td><img src="img/lang_de_act.png" width="70" height="36" border="0"></td>
            </tr>
          </table></td>
        </tr>
      <tr class="oasch">
        <td align="left" valign="top" class="fliesstext">
        
      
        <!-- IFRAME -->
        
        <iframe id="shop_frame" name="shop_frame" style="height: 200px;" width="680" src="laaser_shop_system/shop/index.php" scrolling="no" border="0" frameborder="0" onLoad="anpassen()"></iframe>
        
        
        </td>
        </tr>
    </table></td>
  </tr>
</table>
<form><input type="hidden" name="hidden_f" value="" /></form>
<br>
<span class="copyright">asdf</span>
</body>
</html>
Zu beachten ist die Funktion anpassen(); im head und das IFrame samt Benamsung im body. Mit Benamsung mein ich id UND name attribut. Die Ansprache per JS könnte man eventuell noch anders machen, aber so funzts also lass ich jetzt die Finger davon.

Wichtig ist noch folgendes File, dass die Höhe überhaupt deklariert:

Einerseits der Inhalt des Frames:
PHP:
<? 
// Laaser Shop System
// Copyright: Jürgen Laaser, 2002-2007
include ("config.php");
include ("templates.php");
$conn_id = mysql_connect($HOST,$ID,$PW);
mysql_select_db($DB,$conn_id);

?>

<HTML>
<HEAD>
<TITLE><? echo $TITLE1 ?></TITLE>
<meta http-equiv="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<link href="css/main.css" type="text/css" rel="stylesheet" />

</HEAD>
<body bgcolor="<? echo $BGCOLOR ?>" text="<? echo $TEXT ?>" link="<? echo $LINK ?>" vlink="<? echo $VLINK ?>" alink="<? echo $ALINK ?>" onLoad="MM_preloadImages('images/produkte_hover.gif','images/suchen_hover.gif','images/agbs_hover.gif','images/warenkorb_hover.gif')">
<div id="wrapper">
<? if ($shop == "enable") { ?>
<? if ($header == "ok") { ?>

<table width="<? echo $table_width ?>" border="0" cellspacing="0" cellpadding="0" align="<? echo $table_align ?>">
  <tr> 
    <td width="20" height="10">&nbsp;</td>
    <td height="10"> <b> </b> </td>
  </tr>
  <tr>
    <td width="20">&nbsp;</td>
    <td> 
      <? 
      if ($header_img == "ok") echo "<img src='images/logo.gif' alt='LOGO'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"; 
      if ($header_text != "")  echo "<p class='header_text'>$header_text</p>";
      ?>
    </td>
  </tr>
  <tr>
    <td width="20" height="10">&nbsp;</td>
    <td height="10">&nbsp;</td>
  </tr>
</table>

<? } ?>

<table width="<? echo $table_width ?>" border="0" cellpadding="1" cellspacing="0" align="<? echo $table_align ?>">
  <tr> 
    <td height="30" width="20">&nbsp;</td>
    <td height="40" colspan="2"> <b><font size="<? echo $FONTSIZE_TITLE2 ?>" color="<? echo $FONTCOLOR_TITLE2 ?>"> 
      <? echo $TITLE2 ?>
      </font></b></td>
  </tr>
  <tr> 
    <td height="50" width="20">&nbsp;</td>
    <td height="50" colspan="2">
    </td>
  </tr>
  <tr> 
    <td height="25" width="20">&nbsp;</td>
    <td height="25" bgcolor="<? echo $TABLE_COLOR1 ?>" colspan="2"><b><font class="subnav_header_text">&nbsp;&Uuml;bersicht</font></b></td>
  </tr>
  <tr> 
    <td height="50" width="20">&nbsp;</td>
    <td height="50" bgcolor="<? echo $TABLE_COLOR2 ?>" colspan="2"> 
      <?
    $result = mysql_query("select id from ".$PREFIX."_Hauptgruppen order by anzeige");
    $num    = mysql_numrows($result);
    if ($num) 
        {
    ?>
      <table width="98%" border="0" cellspacing="0" cellpadding="0" align="center">
        <tr> 
          <td height="10">&nbsp;</td>
        </tr>
        <tr> 
          <td height="10"> <font class="hint_text">Bitte w&auml;hlen 
            Sie eine Kategorie:</font> </td>
        </tr>
        <tr> 
          <td height="10">&nbsp;</td>
        </tr>
        <tr> 
          <td> 
            <?
            $result = mysql_query("select id , name from ".$PREFIX."_Hauptgruppen order by anzeige");
            
            while ($row = mysql_fetch_object($result))
                {
                
                    $id        = $row->id;
                    $main_name = $row->name;
                                    
                    echo "&nbsp;&nbsp;&nbsp;<img src='images/group.gif' alt='Kategorie'>&nbsp;<font size='$FONTSIZE_NORMAL'><a href='index.php?main_kat=$id&nr={$get_vars['nr']}'>$main_name</a></font><br>";
                
                    if ($get_vars['main_kat']) 
                    
                        {
                    
                            $result1 = mysql_query("select id , main_kat , name from ".$PREFIX."_Untergruppen where main_kat = '{$get_vars['main_kat']}' order by anzeige");
                            while ($row1 = mysql_fetch_object($result1))
                                {
                
                                     $id1       = $row1->id;
                                     $main_kat1 = $row1->main_kat;
                                     $name1     = $row1->name;
                                    
                                     if ($main_kat1 == $id)    echo  "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font size='$FONTSIZE_NORMAL'><a href='show.php?main_kat=$id&kategorie=$id1&nr={$get_vars['nr']}'>$name1</a></font><br>";    

                                }
                    
                    
                        }
                }
            ?>
          </td>
        </tr>
        <tr> 
          <td height="10">&nbsp;</td>
        </tr>
      </table>
      <?
      }
      if (!$num AND !$main_kat) 
      {
      ?>
      <table width="98%" border="0" cellspacing="0" cellpadding="0" align="center">
        <tr> 
          <td height="10">&nbsp;</td>
        </tr>
        <tr> 
          <td height="10"><font class="prompt_font">Bitte w&auml;hlen 
            Sie aus:</font> </td>
        </tr>
        <tr> 
          <td height="10">&nbsp; </td>
        </tr>
        <tr> 
          <td> 
            <?
            $result = mysql_query("select id , name from ".$PREFIX."_Untergruppen order by anzeige");
            
            while ($row = mysql_fetch_object($result))
                {    
                
                    $id   = $row->id;
                    $name = $row->name;
                    
                    echo "&nbsp;&nbsp;&nbsp;<img src='images/group.gif' alt='Kategorie'>&nbsp;<font class='kategorie'><a href='show.php?kategorie=$id&nr={$get_vars['nr']}'>$name</a> </font><br>";
                    
                }
            ?>
          </td>
        </tr>
        <tr> 
          <td height="10">&nbsp;</td>
        </tr>
      </table>
    </td>
  </tr>
  <? } ?>
  <tr> 
    <td height="20" width="20">&nbsp;</td>
    <td height="20" bgcolor="<? echo $TABLE_COLOR1 ?>" width="100"> <b></b></td>
    <td height="20" bgcolor="<? echo $TABLE_COLOR1 ?>"> 
      <div align="right"><font size="1"><a class="zurueck" href="http://www.laaser.net" target="_blank"><i><b>... 
        powered by Laaser ShopSystem</b></i></a><i><b>&nbsp;</b></i></font></div>
    </td>
  </tr>
  <tr> 
    <td height="20" width="20">&nbsp;</td>
    <td height="20" colspan="2"> 
      <div align="center"><font class="footer_text"d><br>
        <? echo "$FOOTER <br> <a href='$HOMEPAGE' target='_blank'>$HOMEPAGE</a> &nbsp; <a href='mailto:$EMAIL'>$EMAIL</a>"; ?>
        </font></div>
    </td>
  </tr>
</table>

<?
}
else 
{
?>
          
<table width="<? echo $table_width ?>" border="0" cellspacing="0" cellpadding="0" align="<? echo $table_align ?>">
  <tr>
    <td width="20">&nbsp;</td>
    <td><b> 
      <? echo $shopmeldung ?>
      </b></td>
  </tr>
</table>

<? 
} 
?>
</div>
</BODY>
</HTML>
Zu beachten ist hier eigentlich nur der Link zum Stylesheet und die Deklaration der ID-Namen ('wrapper').

Und zuguterletzt das CSS welches auch entscheidend zur Höhenvergabe vom Iframe beiträgt:

Code:
@charset "utf-8";
/* CSS Document */

html{
margin: 0px;
padding: 0px;
height: 100%;
min-height: 100%;
}
body{
margin: 0px;
padding: 0px;
height: 100%;
}

#wrapper{
height: auto;
}

}
das height: auto; vom wrapper gibt dem shop.html dann quasi seine höhe als parameter für das iframe "shop_frame" mit.

Ich danke Dir Newlord für die Hilfe!

Greetings,

Alex
 
Schön das du es hinbekommen hast. Der Code ansich war mir schon etwas zu komplex, deshalb hab ich mich jetzt auch nicht weiter darein vertieft, zumal ich gänzlich auf den Einsatz von Frames verzichte. Als kleinen Tip kann ich dir noch mit auf den Weg geben, das JavaScript in externe Dateien auszulagern und entsprechend einzubinden...

HTML:
<script type="text/javascript" src="javascript.js"></script>
... und per onload-Event deine Funktionen ausführen lassen:

Code:
window.onload = function() { init(); };

function init() {
    funktion_ab();
    function_cd();
    // etc...
}
Ich hab es mir mittlerweile angewöhnt, kein Inline-JavaScript mehr zu verwenden. Ich schreibe das ganze generell nur noch in externe Dateien und binde diese dann ein. So bleibt der Quellcode für mich sauberer getrennt.

MfG

NewLord
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben