Not signed in (Sign In)

Vanilla 1.0.3 is a product of Lussumo. More Information: Documentation, Community Support.

  1.  
    I have been working on fixing this bug for a few days and despite my efforts after reading like posts here and on other sites, I have not been able to fix it.

    I have set the z-index of the swf layer and the menu, 1 and 5 respectively. Still not working properly in FF & IE browsers on Windows.

    If anyone can spare a moment to help me understand what I missed or where I have gone wrong with it I would greatly appreciate it.

    http://www.trilithic.com/broadband_instruments/index2.html
    • CommentAuthorphilip
    • CommentTimeAug 10th 2007
     
    you have a typo in your code.

    so.addVariable("opaque", "wmode");

    should be

    so.addVariable("wmode", "opaque");

    - philip
    • CommentAuthorWebMaMa
    • CommentTimeAug 10th 2007
     
    So, is there a way to set the z-index? I have a site that has the SWF file layered below the horizontal nav which is done in JavaScript. When I apply the SWFObject code to the HTML page, the SWF file covers the nav. Without the SWFObject code, the horizontal nav shows up just fine. My sample page is at http://www.westargrouponline.com/Splash2.html. It doesn't help when I assign the nav layers with higher z-index values. Err! Is there a fix for this???
    • CommentAuthorphilip
    • CommentTimeAug 10th 2007
     
    webmama

    this is a swfobject forum, not a flash forum... you need to use swfobject if you want our help. :)

    i have some examples linked here:
    http://blog.deconcept.com/swfobject/forum/discussion/572/swfobject-examples

    - philip
    • CommentAuthorWebMaMa
    • CommentTimeAug 10th 2007 edited
     
    Okay, I can post the question on the Adobe Flash forum, but I found this thread and I thought my question fit here. Sorry if I posted a question where it didn't fit. Is there another forum, aside from the Adobe site, where my question is appropriate? I am sort of new to forums on Flash because in the last year I just started learning ActionScript. Please let me know where I can post to get the appropriate replies. Are you on the Adobe Flash forums at all? I can't remember if I have seen you there or not. You seem to be very knowledgable and I would really like your feedback. I do appreciate your quick reply to my post too.
    • CommentAuthorphilip
    • CommentTimeAug 10th 2007
     
    no worries... what i meant was: implement SWFObject on your page! you're not using it, and it generally will make your life easier. :)

    and if you DO start using SWFObject, you can follow the examples I provided in the previous link.

    your page works in Firefox but not in IE. i think the reason you're having problems is that your <object> and <embed> code don't match. swfobject takes care of that stuff for you, so you have less to worry about.

    give it a shot...
    - philip

    PS - the best actionscript forums (in my opinion) are at actionscript.org and kirupa.com.
    • CommentAuthorWebMaMa
    • CommentTimeAug 10th 2007 edited
     
    Actually, I forgot to post the link to the file that includes the SWFObject:

    http://www.westargrouponline.com/Splash.html

    It works fine to correct that annoying flash box in IE, but now I can't see my menu. Err! I thought this was going to be my simple fix. On this page I moved the menu over to the right so you can see that it is there under the SWF. It looks the same in all browsers. Is there a fix for the z-index so I can bring the JS menu to the front layer where it is supposed to be?

    The previous example:

    http://www.westargrouponline.com/Splash2.html

    does not have the SWFObject implemented. However, the menu shows up here. Apparently, that SWFObject is interfering with the z-indexes in my <div> tags. Any fix please?
    • CommentAuthorphilip
    • CommentTimeAug 10th 2007
     
    move this into the <head> of your document:
    <script type="text/javascript" src="includes/swfobject.js"></script>

    if you follow/read the examples in the link i gave you, you'll see you need to add "wmode=opaque".

    var so = new SWFObject("Splash.swf", "mymovie", "780", "405", "6", "#336699");
    so.addParam("wmode","opaque");
    so.write("flashcontent");

    you can also use wmode 'transparent', but it slows down flash player and should be avoided when possible.

    - philip
    • CommentAuthorWebMaMa
    • CommentTimeAug 10th 2007
     
    Yea! That works! You're awesome. Thanks!!!!!!!!!!!!!!!!!!
    • CommentAuthorphilip
    • CommentTimeAug 10th 2007
     
    glad it worked for you. :)
    • CommentAuthorWebMaMa
    • CommentTimeAug 13th 2007 edited
     
    One more question please:

    Is it possible to adjust the "flashcontent" <div> container of the with styles and still have it work the same? At the URL below, I have messed the SWFObject up by adding styles to the <div> tags. My intent was to adjust the positioning, width, height, and background color of the "flashcontent" <div>. Apparently it wont work the way I have tried it. Is there a way to adjust those features with styles? If not, is there another method that I can use to position the "flashconent" <div> on top of the background image and adjust the width, length and background color of the text? I appreciate any feedback on this.

    Here is the URL of the page that works:

    http://www.westargrouponline.com/Splash.html

    Here is the URL of the page where I tried to add styles the <div> tags:

    http://www.westargrouponline.com/Splash1.html
  2.  
    Thanks got it working!
    • CommentAuthorsasho
    • CommentTimeSep 21st 2007
     
    hi all,

    i'm using overlib js for my site that also has menu possibilities and had same problems with z-index of SWFObject (if that's problem at all). the solution was simple (thanks to philip and his examples). the overlib needs this in body:

    <div id="overDiv" style="position:absolute; visibility:hide; z-index:2;"></div>

    but z-index is initialy 1, so change it to 2 or something higher then the one used in code below:

    <div id="testid" z-index="1">
    missing flash player
    </div>
    <script type="text/javascript">
    var so=new SWFObject("test.swf","test","180","60","6");
    so.addParam("wmode","opaque"); // this is essential !!!
    so.write("testid");
    </script>

    and that's it !!!
    • CommentAuthorzhangsisi
    • CommentTimeSep 29th 2007
     
    www.NewMeetings.info/en/lang101752about_sisi11
    • CommentAuthorphilip
    • CommentTimeSep 29th 2007
     
    that zhangsisi post is SPAM! don't use the URL!
    • CommentAuthormaiku.emon
    • CommentTimeDec 11th 2007
     
    philip -

    hi. i am having a similar problem, but have found no where online documneting this or suggesting a fix. I have 2 swfs on the same page. We are trying to call javascript to swap zindexs but can not on swfs embedded using swfobject. Swfobject apparently is picking on e of these to put on top, and we have no control over this. we have wmode set. we tried changing zindex on the containing div and using the id defined in the swfobject call to no avail. what is happening here? is there a way to manipulate zindex using javascript when usin swfobject?


    mike
    • CommentAuthorphilip
    • CommentTimeDec 11th 2007
     
    hi mike

    the catch with swapping z-indexes is that the elements need to be absolutely positioned.

    here's a functioning example:
    http://pipwerks.com/lab/swfobject/z-index/two-swfs.html

    - philip
    • CommentAuthormaiku.emon
    • CommentTimeDec 11th 2007
     
    holy cow i cant believe i forgot that - and this was driving me crazy.... i am sorry and thank you very much philip.


    mike