[FLASH] SWFObject probleem - Softwareontwikkeling

woensdag 4 maart 2009 14:18

Acties:

0 Henk 'm!

Verwijderd

Topicstarter

Ik ben sinds een paar weken weer actief bezig met webdesign en loop toch wel regelmatig tegen problemen aan. De meeste zijn na wat zoeken goed op te lossen, maar nu ben ik echt ten einde raad. Ik heb al 1000x instructies doorlopen en vanalles geprobeerd om mijn flash 'achtergrond' onder mijn html-div te plaatsen maar ik kom er niet uit. Wat ik ook doe, ik krijg mijn swf met geen mogelijkheid onder mijn content div.

Ik heb een div die pagina groot een animatie laat zien, daaroverheen komt een div met de content. Onderstaande css zou moeten betekenen dat de flash div onder de content div valt...

code:

#flash_div {
    position: absolute;
    background-image: url(assets/images/kpj2009_bg.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    left: 50%;
    top: 50%;
    margin-left: -900px;
    margin-top: -701px;
    width: 1800px;
    height: 1402px;
    overflow: hidden;
    z-index: 1;
}

#website_div {
    position: absolute;
    width: 900px;
    height: 550px;
    left: 50%;
    top: 50%;
    margin-left: -450px;
    margin-top: -275px;
    padding: 0px;
    float: left;
    z-index: 2;
}

Met deze html code zou de flash dan dus logischerwijs ónder de content moeten vallen...

code:

<html>
<head>
<title>[(site_name)] - [*pagetitle*]</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<link href="stylesheet_kpjwaspik.css" rel="stylesheet" type="text/css">

<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>

<script src="swfobject.js" type="text/javascript"></script>

</head>

<body>

<div id="flash_div"></div>

<script type="text/javascript">

   var so = new SWFObject("assets/flash/flash_bg.swf", "achtergrond", "1800", "1402", "8", "#ffffff");
   so.addParam("quality", "high");
   so.addParam("wmode", "transparent");
   so.addParam("salign", "t");
   so.write("flash_div");
   
</script>

<div id="website_div">

<table id="Table_01" width="901" height="550" border="0" cellpadding="0" cellspacing="0">
    blabla
</table>
</div>
</body>
</html>

Vergeet ik nou gewoon iets of doe ik het totaal verkeerd?

Ik snap er helemaal niets meer van...is er iemand met een oplossing?

woensdag 4 maart 2009 14:22

Acties:

0 Henk 'm!

The_Ghost16

Laat maar

[ Voor 91% gewijzigd door The_Ghost16 op 04-03-2009 14:23 . Reden: Is niet de reden van het omschreven probleem ]

woensdag 4 maart 2009 14:22

Acties:

0 Henk 'm!

Deef_K

je website_div staat buiten je flash_div? Is dat niet je probleem..
Moet het niet..

code:

<div id="flash_div">
     <div id="website_div">
          .....
     </div>
</div>

[ Voor 47% gewijzigd door Deef_K op 04-03-2009 14:24 ]

woensdag 4 maart 2009 14:43

Acties:

0 Henk 'm!

Verwijderd

Topicstarter

Nee dat is het niet, had ik ook al geprobeerd..

woensdag 4 maart 2009 15:34

Acties:

0 Henk 'm!

DoubleJ

Een ninjja!

Neefdave schreef op woensdag 04 maart 2009 @ 14:22:
je website_div staat buiten je flash_div? Is dat niet je probleem..
Moet het niet..
code:
1
2
3
4
5
<div id="flash_div">
     <div id="website_div">
          .....
     </div>
</div>

Dan vervangt SWFobject z'n hele site

TS, heb je geen linkje? laat liever firebug er even op los dan dat ik je code moet lezen

[ Voor 12% gewijzigd door DoubleJ op 04-03-2009 15:35 ]

woensdag 4 maart 2009 19:16

Acties:

0 Henk 'm!

Verwijderd

Topicstarter

Ik kwam er achter dat ik eerst de code:

code:

1	<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>

Weg moet laten uit de pagina. Nu krijg ik het volgende:

Als ik op F5 druk krijg ik de pagina goed te zien, met de swf achter de div, maar zogauw ik met de muis over links op de pagina ga schiet de swf weer naar de voorgrond.

zie voorbeeld op: www.kpjwaspik.nl/2009/

Edit: dit gebeurt alleen in firefox 3.0.6 op de mac....IE7 en firefox 2.0 op windows werken goed

[ Voor 10% gewijzigd door Verwijderd op 04-03-2009 19:20 ]

woensdag 4 maart 2009 21:35

Acties:

0 Henk 'm!

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

Verwijderd schreef op woensdag 04 maart 2009 @ 19:16:
Ik kwam er achter dat ik eerst de code:
code:
1
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
Weg moet laten uit de pagina.

Ook enig idee waarom? Of ben je gewoon met de botte bijl gaan hakken tot het werkte?
To be honest heb ik het idee dat je geen flauw benul hebt waar je mee bezig bent. Begrijp me niet verkeerd; dat is geen ramp en we zijn allemaal ergens ooit moeten beginnen en hebben het allemaal geleerd en moeten leren (of zijn er nog mee bezig). Maar daarom moet je dan ook dit advies even tot je nemen: doe even een stapje terug; kleed het uit tot een test-case en probeer het probleem daarin te reproduceren en eventueel op te lossen. Je topicstart is wat dat betreft wel goed, maar dan is het vreemd dat het daar ook in fout zou gaan als je zegt dat het verwijderen van bovenstaande code, die niet in je topicstart staat, het probleem zou oplossen. Ooops,my bad

Staat er wel degelijk in

De HTML die ik nu zie in het linkje dat je postte is ook écht iets van voor Y2k en alleen dat al zou een reden zijn om eens even back-to-basic te gaan en te zorgen dat je alles goed onder de knie krijgt. Vermijd daarbij overigens bij voorkeur en wanneer mogelijk allerlei WYSIWYG editors en toestanden. Die maken doorgaans nog meer puinhoop van je code dan je zelf zou kunnen aanrichten

Overigens zie ik het nut niet van een SWF als background (althans: niet in de link die jij post); waarom gebruik je daar geen 'gewone' afbeelding (PNG/Gif of JPG) voor?

[ Voor 15% gewijzigd door RobIII op 04-03-2009 21:39 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij