Flashforum - Die Community zu Adobe Flash, Flex AIR. Web Design und Inspiration.

comakid · 30-05-2007, 02:41

Hey Leute, ich habe mal wieder ein Problem und bräuchte eure Hilfe:

Bei meiner Homepage comakid.de soll sich die Main.swf über das gesamte Browserfenster skalieren. Das an sich ist nicht das Problem. Es sollen sich aber, wenn das Browserfenster eine gewisse Größe unterschreitet(width="810px" height="520px", Scrollbalken einblenden.
Bislang habe ich es so erreicht:

HTML-Code:

<html>
<head>
   <title>comakid.de</title>

    <style type="text/css">
      <!--
      * {
	    margin:0px;
	    padding:0px;
      }
      body {
      background-color:#333333;
      }
      html,body {
      height: 100%;
      }
      table#table100x100
      {
      height: 100%;
      width: 100%;
      }
      object, embed {
      display: block;
      width: 100%;
      height: 100%;
      }
      -->
    </style>
  </head>
  <body>
    <table  border="0" cellpadding="0" cellspacing="0" id="table100x100" >
      <tr>

        <td height="1">
          <img src="bl.gif" width="1px" height="1px" alt=""/>
        </td>
        <td>
          <img src="bl.gif" width="810px" height="1px" alt=""/>
        </td>
      </tr>
      <tr>
        <td align="left" valign="top" >

          <img src="bl.gif" width="1px" height="520px" alt="" />
        </td>
        <td>
        <object type="application/x-shockwave-flash" data="c.swf" width="100%" height="100%">
        <param name="movie" value="c.swf" />
        <param name="quality" value="high"/>
        <p style="text-align:center;">
            <a href="http://www.macromedia.com/go/getflash/">
            <img src="get-flash-player.gif" alt="Macromedia Flash Player" title="Macromedia Flash Player" style="border:none;"/></a>

          </p>
        </object>
        </td>
      </tr>
    </table>
  </body>
</html>

Habe die Flashdatei in eine Tabelle gesteckt, oberhalb und links daneben einen unsichtbare Grafik in den gewünschten Abmessungen platziert und somit dem Browser gezwungen, ab einer bestimmten Größe Scrollbalken ein zu blenden.
Funktioniert soweit auch, nur im IE beginnt die Flash Datei nicht am oberen Rand, sondern ca. 1 cm tiefer. Des Weiteren gibt es da bestimmt einen besseren Weg das zu erreichen wie diese hässlichen Tabellen, ich komme nur leider nicht drauf.

Vielleicht fällt euch ja was ein.

darki777 · 30-05-2007, 03:24

Hi,
du könntest es auch mittels JS lösen,
rein theoretisch irgendwas in dieser Art:

PHP-Code:

  var x,y;
if (self.innerHeight) // all except Explorer
{
    x = self.innerWidth;
    y = self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientHeight)
    // Explorer 6 Strict Mode
{
    x = document.documentElement.clientWidth;
    y = document.documentElement.clientHeight;
}
else if (document.body) // other Explorers
{
    x = document.body.clientWidth;
    y = document.body.clientHeight;
}

if(x<810 || y<520)
{
    //Nur ein Beispiel:
    document.getElementsByTagName('body').style.overflow=auto;
    document.getElementsByTagName('body').style.height="810px";
    document.getElementsByTagName('body').style.width="520px";
}

Gruß darki

comakid · 30-05-2007, 03:35

Hey darki777,

bin also nicht der einzige mit Schlafstörungen

Danke für deinen Lösungsansatz, werde ihn gleich mal aus probieren.
Am liebsten wäre es mir jedoch das irgendwie ohne JS hin zu bekommen. Gibt ja ne menge Menschen die AS generell deaktiviert haben. Die möchte ich nicht ausschließen

Trotzdem vielen dank!

darki777 · 30-05-2007, 03:47

Ein bisschen ja, immer dieser sich selbst produzierende Koffein im Blut

P.S. hoffe du meintest JS und nicht AS

und die "ne menge Menschen"
sind 2-3% kann allerdings schon wieder varriert sein, bin da ned auf
dem neuesten Stand. Mit CSS gibts auch expressions mit denen du
if-ähnliche Abprüfungen vornehmen kannst um Werte abzuändern,
allerdings laufen die glaubich auch über JS, bin mir aber nicht sicher.

Werd mir deine Seite morgen vieleicht nochmal anschaun, ob es eine
rein CSS seitige Möglichkeit gibt, muss jez aber auch langsam ins Bett

Have a little bit flash Dreams, Gruß darki

comakid · 30-05-2007, 04:06

Ups, klar meine ich JS. Is schon zu spät zum klar denken!

Hab mir schon überlegt das ding in nen DIV zu stecken und das ganze über min-height & min-width zu lösen, da hab ich aber noch mehr Probleme im IE

comakid · 31-05-2007, 15:13

Sonst keiner mehr ne Idee?

habe es jetzt mal so probiert:

HTML-Code:

 <body style="margin:0; background-color:#333333; ">
	<div style="width:100%; height:100%; position:absolute;z-index:2; ">
 		<object type="application/x-shockwave-flash" data="c.swf" width="100%" height="100%">
         	<param name="movie" value="c.swf" />
        	<param name="quality" value="high"/>
        	<p style="text-align:center;">
                <a href="http://www.macromedia.com/go/getflash/">
                <img src="get-flash-player.gif" alt="Macromedia Flash Player" title="Macromedia Flash Player" style="border:none;"/></a>
        	</p>
    	        </object>
	<div style="width:810px; height:520px; z-index:1; position:absolute; top:0px; left:0px; background-color:#33FF00"></div>
	</div>
  </body>

Da habe ich nur das Problem, dass die Scrollbalken zur richtigen Zeit eingeblendet werden, aber das Flashfile nicht mit scrollt. Es ist nur so groß wie die Fenstergröße und nicht wie die Fenstergröße + der zu scrollende Bereich.

Kommt schon Leute, ihr habt doch sonst immer ne Lösung und ich raufe mir schon die Haare!

Bin um jeden Ansatz froh!

30-05-2007, 02:41	#1 (permalink)
comakid Neuer User Registriert seit: Oct 2005 Beiträge: 9	Fullscrenn mit Minimalgröße Hey Leute, ich habe mal wieder ein Problem und bräuchte eure Hilfe: Bei meiner Homepage comakid.de soll sich die Main.swf über das gesamte Browserfenster skalieren. Das an sich ist nicht das Problem. Es sollen sich aber, wenn das Browserfenster eine gewisse Größe unterschreitet(width="810px" height="520px", Scrollbalken einblenden. Bislang habe ich es so erreicht: HTML-Code: <html> <head> <title>comakid.de</title> <style type="text/css"> <!-- * { margin:0px; padding:0px; } body { background-color:#333333; } html,body { height: 100%; } table#table100x100 { height: 100%; width: 100%; } object, embed { display: block; width: 100%; height: 100%; } --> </style> </head> <body> <table border="0" cellpadding="0" cellspacing="0" id="table100x100" > <tr> <td height="1"> <img src="bl.gif" width="1px" height="1px" alt=""/> </td> <td> <img src="bl.gif" width="810px" height="1px" alt=""/> </td> </tr> <tr> <td align="left" valign="top" > <img src="bl.gif" width="1px" height="520px" alt="" /> </td> <td> <object type="application/x-shockwave-flash" data="c.swf" width="100%" height="100%"> <param name="movie" value="c.swf" /> <param name="quality" value="high"/> <p style="text-align:center;"> <a href="http://www.macromedia.com/go/getflash/"> <img src="get-flash-player.gif" alt="Macromedia Flash Player" title="Macromedia Flash Player" style="border:none;"/></a> </p> </object> </td> </tr> </table> </body> </html> Habe die Flashdatei in eine Tabelle gesteckt, oberhalb und links daneben einen unsichtbare Grafik in den gewünschten Abmessungen platziert und somit dem Browser gezwungen, ab einer bestimmten Größe Scrollbalken ein zu blenden. Funktioniert soweit auch, nur im IE beginnt die Flash Datei nicht am oberen Rand, sondern ca. 1 cm tiefer. Des Weiteren gibt es da bestimmt einen besseren Weg das zu erreichen wie diese hässlichen Tabellen, ich komme nur leider nicht drauf. Vielleicht fällt euch ja was ein. Geändert von comakid (30-05-2007 um 03:45 Uhr)

30-05-2007, 03:24	#2 (permalink)
darki777 Flashig Flasher Registriert seit: Jun 2006 Beiträge: 511	Hi, du könntest es auch mittels JS lösen, rein theoretisch irgendwas in dieser Art: PHP-Code: var x,y; if (self.innerHeight) // all except Explorer { x = self.innerWidth; y = self.innerHeight; } else if (document.documentElement && document.documentElement.clientHeight) // Explorer 6 Strict Mode { x = document.documentElement.clientWidth; y = document.documentElement.clientHeight; } else if (document.body) // other Explorers { x = document.body.clientWidth; y = document.body.clientHeight; } if(x<810 \|\| y<520) { //Nur ein Beispiel: document.getElementsByTagName('body').style.overflow=auto; document.getElementsByTagName('body').style.height="810px"; document.getElementsByTagName('body').style.width="520px"; } Gruß darki Geändert von darki777 (30-05-2007 um 03:26 Uhr)

30-05-2007, 03:35	#3 (permalink)
comakid Neuer User Registriert seit: Oct 2005 Beiträge: 9	Hey darki777, bin also nicht der einzige mit Schlafstörungen Danke für deinen Lösungsansatz, werde ihn gleich mal aus probieren. Am liebsten wäre es mir jedoch das irgendwie ohne JS hin zu bekommen. Gibt ja ne menge Menschen die AS generell deaktiviert haben. Die möchte ich nicht ausschließen Trotzdem vielen dank! Geändert von comakid (30-05-2007 um 04:09 Uhr)

30-05-2007, 03:47	#4 (permalink)
darki777 Flashig Flasher Registriert seit: Jun 2006 Beiträge: 511	Ein bisschen ja, immer dieser sich selbst produzierende Koffein im Blut P.S. hoffe du meintest JS und nicht AS und die "ne menge Menschen" sind 2-3% kann allerdings schon wieder varriert sein, bin da ned auf dem neuesten Stand. Mit CSS gibts auch expressions mit denen du if-ähnliche Abprüfungen vornehmen kannst um Werte abzuändern, allerdings laufen die glaubich auch über JS, bin mir aber nicht sicher. Werd mir deine Seite morgen vieleicht nochmal anschaun, ob es eine rein CSS seitige Möglichkeit gibt, muss jez aber auch langsam ins Bett Have a little bit flash Dreams, Gruß darki Geändert von darki777 (30-05-2007 um 03:51 Uhr)

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

30-05-2007, 04:06	#5 (permalink)
comakid Neuer User Registriert seit: Oct 2005 Beiträge: 9	Ups, klar meine ich JS. Is schon zu spät zum klar denken! Hab mir schon überlegt das ding in nen DIV zu stecken und das ganze über min-height & min-width zu lösen, da hab ich aber noch mehr Probleme im IE