Iframe -inhalt dynamisch skalieren

dizzydwar · 14 September 2009

hallo zusammen,
bin neuling, hab zwar in der letzten woche schon recht viel zustande bekommen und habe bis jetzt auch alles mit hilfe von googlen und forenwälzen lösen können.
bis jetzt. ich bin mir nichtmal sicher ob es überhaupt geht...

vereinfacht gesagt
in einen iframe wird die jeweilige seite geladen,
diese besteht aus mehreren einzelnen iframes
die eine tabelle und ein sliding panel beinhalten.

jetzt haben mir aber die verschiedenen auflösungen einen strich durch die rechnung gemacht.

kann ich per java den inhalt des/der iframes aufgrund der breite des fensters skalieren. der frame selbst passt sich schön der höhe des inhalts an.

oder ist es vllt möglich alle angaben in em zu machen?
das sliding panel macht mir hier aber warscheinlich probleme.

sonst halt doch mit flash... -.-

wär euch sehr dankebar für jegliche hinweise

hannes

hagent · 14 September 2009

width="100%"

dizzydwar · 14 September 2009

^^
schön wenns so einfach wär...

mein iframe mit width="100%" über die ganze breite zu bekommen ist ja kein ding.

aber den inhalt bei verkleinern des fensters runterzuskalieren schon eher

iframe="hauptframe"

HTML:

<table width="100%">
  <tr>
    <td><iframe src="Ci.html" name="hauptframe" scrolling="auto" frameborder="no" class="hauptframe" id="hauptframe" onload="pruefe()" ></iframe></td>
  </tr>
</table>

darin beinhaltet: Ci.html

HTML:

<a name="voluma"> </a>
<iframe class="segmente" 
src="voluma.html">
</iframe>

und darin: voluma.html

HTML:

<body>
<table width="100%" border="0" align="center" background="../grafiken/fade.png" bgcolor="#696D72" class="tabellen">
      <tr>
        <td width="100%" height="600">
        <table width="1092" height="600" border="0" align="right" cellpadding="0" cellspacing="0">
          <tr>
            <td rowspan="3" >&nbsp;</td>
            <td height="35">&nbsp;    </td>
            <td width="40" >&nbsp;    </td>
          </tr>
          <tr>
            <td width="820" height="500" >
        

    <div id="panelwidget" class="SlidingPanels">
        <div class="SlidingPanelsContentGroup">
        
            <div class="SlidingPanelsContent" id="p1"></div>
            <div class="SlidingPanelsContent" id="p2"></div>
            <div class="SlidingPanelsContent" id="p3"></div>
            <div class="SlidingPanelsContent" id="p4"></div>
            <div class="SlidingPanelsContent" id="p5"></div>
            <div class="SlidingPanelsContent" id="p6"></div>
  
          </div>
    </div>



        </td>
      </tr>
      <tr>
        <td align="right" valign="top">
        
        <div class="schalter"> <a href="#" onclick="spvoluma.showNextPanel();">        n</a></div>
        <div class="schalter"> <a href="#" onclick="spvoluma.showPreviousPanel();">    p</a></div>        
        <div class="schalter"> <a href="#" onclick="spvoluma.showFirstPanel();">    f</a></div>    
            
        </td>
      </tr>
    </table>
    </td>
</table>

ich möchte abhängig von der fensterbreite
voluma.html oder eben dessen inhalt proportional skalieren

da die seite noch nicht online ist:
Iframe -inhalt dynamisch skalieren - Javascript-Forum JSwelt (Javascript, PHP, MySQL, AJAX, Webdesign)

(hier hab ich mal die dateien hochgeaden -in diesem forum sind zips auf 97kb begrenzt..)

Iframe -inhalt dynamisch skalieren

dizzydwar

Neues Mitglied

hagent

Neues Mitglied

dizzydwar

Neues Mitglied

Neueste Beiträge