/    Sign up×
Community /Pin to ProfileBookmark

HTML site with Greybox and Flash header NEED SERIOUS HELP

Copy linkTweet thisAlerts:
Feb 22.2011

Hi there.

I have looked everywhere and read until I can’t see. I have tried everything I think of and still can’t get this to work. The site page is [URL=”http://twostooges.com/index2.html”]http://twostooges.com/index2.html[/URL]

I am trying to get this site finished and can’t until I figure this out. This is what I have done. I added the greybox code to my site without the flash and it works fine. I add the flash and it pops up but none of the “close” buttons or images show. I tried switching from AC-RunActiveContent.js to SWFObject

I have tried everything I think of. If anyone can please assist me I would appreciate it. I have been to the Greybox site as well, and have tried anything I thought might be the issue.

Thanks
Traci

to post a comment
HTML

11 Comments(s) ↴

Copy linkTweet thisAlerts:
@Eye_for_VideoFeb 22.2011 — What are we suppose to click to start the pop-up? I don't see any Greybox displaying...

Best wishes,

Eye for Video

www.cidigitalmedia.com
Copy linkTweet thisAlerts:
@traciauthorFeb 23.2011 — Sorry about that. I will explain this better. If you open the site in Google Chrome or Firefox I have issues with the greybox script not working correctly.

If you go to upcoming events on http://www.twostooges.com/index2.html it will work correctly in Internet Explorer. If you open in Firefox or Chrome the popup is missing the close in the upper right corner, plus it has scroll bar at the bottom. In Firefox it is only half the popup the other part is gone completely.

I did attempt everything I could find on the Internet as well as on the Greybox website but can't seem to figure out how to make it compatible with these browsers.

The reason I didn't think it was working at all is I rarely if ever use Internet Explorer and tried it here a bit ago and it seemed to function correctly.

If anyone has any idea's I would appreciate it.

Thanks

Traci
Copy linkTweet thisAlerts:
@traciauthorFeb 23.2011 — Sorry, also in Internet Explorer the flash behind vanishes when the popup opens. So I guess it isn't 100% in Internet Explorer as well.
Copy linkTweet thisAlerts:
@traciauthorFeb 23.2011 — Okay, starting over... sorry I usually never post to forums either... that or the 22 hours of working on this has me delirious.

If you go to http://www.twostooges.com/index2.html and go to the upcoming events and click on one of the links (UFC FIGHT NIGHT) greybox opens a pop up. If you are using Google Chrome, the close button is missing on the upper right corner and you have scrolling.

If you open it in Firefox half of the pop up is missing, and if you open it in Internet Explorer it works, but the flash behind it stops and vanishes.

I have looked everywhere for an answer and have no clue on what is wrong with it. I missing something in the script somewhere

Any ideas on what might cause this?

Thanks

Traci
Copy linkTweet thisAlerts:
@Eye_for_VideoFeb 23.2011 — First off, validate your page here:

http://validator.w3.org/

After you correct the errors, then post back the remaining problems.

Best wishes,

Eye for Video

www.cidigitalmedia.com
Copy linkTweet thisAlerts:
@traciauthorFeb 23.2011 — I went back to the site you recommended as well as two other "Validation" sites, none of them were the same results at all... anyway I cleaned up the code as it indicated and best I could on both sites. I made two pages: http://twostooges.com/index2.html and http://twostooges.com/index3.html and I still have the same thing happening in the browsers as indicated previously. I don't know how to fix it, if anyone does I would appreciate the assistance...

Thanks again for the advice on cleaning up the code

Traci
Copy linkTweet thisAlerts:
@Eye_for_VideoFeb 23.2011 — OK, here's what I see..

Your Flash banner is punching through the greybox, except in IE. That should NOT be happening. Because the Flash banner is not completely covered by the greybox, it's covering up part of the frame that surrounds the pop-up image, cutting off the close button, etc.

The reason the Flash is not being covered up by greybox is because the wmode is not set consistently... for all browsers.

You are using the old <object><embed> method and DID include this in the <object>
[CODE]<param name="wmode" value="transparent">[/CODE]
IE uses the <object> params... FF uses the <embed>... which does NOT have the correct wmode "transparent". So the Flash is not covered by the greybox background.
Window Mode (wmode) - What's It For?

There are three window modes.

Window

Opaque

Transparent

By default, the Flash Player gets its own hWnd in Windows. This means that the Flash movie actually exists in a display instance within Windows that lives above the core browser display window. So though it appears to be in the browser window, technically, it isn't. It is most efficient for Flash to draw this way and this is the fastest, most efficient rendering mode. However, it is drawing independently of the browser's HTML rendering surface. This is why this default mode (which is equivalent to wmode="window") doesn't allow proper compositing with DHTML layers. This is why your JavaScripted drop-down menus will drop behind your Flash movie.

In windowless modes (like opaque), Flash Player doesn't have a hWnd. This means that the browser tells the Flash Player when and where to draw onto the browser's own rendering surface. The Flash movie is no longer being rendered on a higher level if you will. It's right there in the page with the rest of the page elements. The Flash buffer is simply drawn into whatever rectangle the browser says, with any Flash stage space not occupied by objects receiving the movie's background color.[/QUOTE]

If you want to get rid of the old <object><embed>, here's a simple alternative:
[CODE]<object data="path_to_file/file.swf" type="application/x-shockwave-flash" width="insert_width_of_movie" height="insert_height_of_movie">

<param name="movie" value="path_to_file/file.swf">
<param name="SomeOtherParam" value="ParamValue">
</object>[/CODE]
Once you get the wmode correctly set, the Flash should be UNDER the greybox background... like the Flash in this sample page (click the big blue button in the center).

http://www.cidigitalmedia.com/tutorials/vid_player_root/opacity.html

You'll see the Flash is under the "Greybox" like background.

Best wishes,

Eye for Video

www.cidigitalmedia.com
Copy linkTweet thisAlerts:
@traciauthorFeb 23.2011 — I am really trying to learn this so please be patient. I went to school for this along time ago, and honestly haven't kept up the way I should have. I have been mostly doing graphics and print layouts now for years. This is what I have for code now where the flash is concerned:


<script type="text/javascript">

AC_FL_RunContent('codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','892','height','262','title','events','src','flash/sample_stooges','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','flash/sample_stooges' ); //end AC code

</script> <noscript><object classid="clsid?27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="892" height="262" title="events"><param name="movie" value="flash/sample_stooges.swf">

<param name="quality" value="high">

<param name="wmode" value="opaque">

<embed src="flash/sample_stooges.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="892"height="262"></object></noscript>

Now I look at the code you gave me and I created this code:

<script type="text/javascript">

AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','892','height','262','title','events','src','flash/sample_stooges','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','flash/sample_stooges' ); //end AC code

</script> <noscript><object classid="clsid?27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="892" height="262" title="events"><param name="movie" value="flash/sample_stooges.swf">

<object data="flash/sample_stooges.swf" type="application/x-shockwave-flash" width="892" height="262">


<param name="movie" value="flash/sample_stooges.swf">

<param name="quality" value="high">

<param name="wmode" value="opaque">

</object></object></noscript>

Which is still not correct code I know this by testing it. If I remove this piece of code:

<script type="text/javascript">

AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','892','height','262','title','events','src','flash/sample_stooges','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','flash/sample_stooges' ); //end AC code

</script> <noscript><object classid="clsid?27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="892" height="262" title="events"><param name="movie" value="flash/sample_stooges.swf">

The website layout is destroyed. So I am still not doing something correctly as you can see. I did test in all browsers again and still have all issues.

I am sorry for bugging you so much, I really wanted to learn how to use this and update some of my skills. I have to have this done tonight so I may have to get rid of the greybox and go a different route, but I would truly like to use it. I think it is very nice.

So you know, once this project is complete I an going to check out some continuing education classes on these things to update my skills again.

Thanks for your assistance once again...
Copy linkTweet thisAlerts:
@Eye_for_VideoFeb 23.2011 — Get rid of ALL that AC_FL_RunContent script stuff.

The only thing needed in that cell of the table is:
[CODE]<object data="flash/sample_stooges.swf" type="application/x-shockwave-flash" width="892" height="262">
<param name="movie" value="flash/sample_stooges.swf">
<param name="quality" value="high">
<param name="wmode" value="opaque">
</object>[/CODE]
Best wishes,

EfV
Copy linkTweet thisAlerts:
@traciauthorFeb 25.2011 — Sorry, it took me this long to get back to you. Thank you for all your assistance, it works perfectly now. I want you to know I learned a lot from your help, and that I really appreciate you taking the time with me on this.

Thanks a lot

Traci
Copy linkTweet thisAlerts:
@Eye_for_VideoFeb 25.2011 — Hey Traci,

Glad you got it working!

Best wishes.

EfV
×

Success!

Help @traci spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.28,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...