Welcome to the Cumulus Support forum.

Latest Cumulus MX V3 release 3.28.6 (build 3283) - 21 March 2024

Cumulus MX V4 beta test release 4.0.0 (build 4019) - 03 April 2024

Legacy Cumulus 1 release 1.9.4 (build 1099) - 28 November 2014
(a patch is available for 1.9.4 build 1099 that extends the date range of drop-down menus to 2030)

Download the Software (Cumulus MX / Cumulus 1 and other related items) from the Wiki

Flyout and Flash

Discussion of Ken True's web site templates

Moderator: saratogaWX

Post Reply
User avatar
gluepack
Posts: 460
Joined: Tue 22 Jan 2013 9:20 pm
Weather Station: PCE-FWS 20
Operating System: Win 7 Pro
Location: Zlatina, Bulgaria

Flyout and Flash

Post by gluepack »

Is there a Firefox fix (it works ok on Chrome) for the flyout menus being covered by, for example, the Weather Underground Rapid Fire Display?
viz. http://jerbils.info/saratoga/wxwurealtime.php
Image

PWS links: WundergroundIVARNAPR3CWOP/APRSE(W)2048PWSWeatherZLATINABGAwekas10631Twitter@Zlatina_weather
Station type: PCE-FWS 20…Webcam link: View south to edge of Provadisko plateau
User avatar
saratogaWX
Posts: 1185
Joined: Wed 06 May 2009 5:02 am
Weather Station: Davis Vantage Pro Plus
Operating System: Windows 10 Professional
Location: Saratoga, CA, USA
Contact:

Re: Flyout and Flash

Post by saratogaWX »

Yes, the Flash needs a parm of wmode=transparent to not be top-most in the Z-order.

I use this in my rapid-fire.php page:

Code: Select all

  <table width="550">
  <tr><td>
<div id="flashcontent" class="autosize"><b>Wunderground Rapid-Fire</b><br />You need to install v8, or greater, of Flash Player from <a href="http://www.adobe.com">Adobe</a> to view Wunderground Rapid-Fire.</div>
<script type="text/javascript">
   //
   var so = new SWFObject(
   "http://www.wunderground.com/swf/Rapid_Fire.swf?units=both&station=KCASARAT1", 
   "Rapid_fire.swf",
   550, 400, "8", "#FFFFFF");
   so.addParam("quality", "high");
   so.addParam("wmode", "transparent"); // needed to let the Flash object not be 'on top' of z-index
   so.write("flashcontent");
</script>
</td></tr>
</table>
User avatar
gluepack
Posts: 460
Joined: Tue 22 Jan 2013 9:20 pm
Weather Station: PCE-FWS 20
Operating System: Win 7 Pro
Location: Zlatina, Bulgaria

Re: Flyout and Flash

Post by gluepack »

Well, I do have transparent. My code is different...

Code: Select all

<object width="800" height="532">
			<param name="movie" value="http://www.wunderground.com/swf/Rapid_Fire.swf?units=metric&station=IVARNAPR3" />
			<param name="wmode" value="transparent" />
			<embed src="http://www.wunderground.com/swf/Rapid_Fire.swf?units=metric&station=IVARNAPR3" 
				type="application/x-shockwave-flash" width="800" height="532" />
			</object>
It works ok in Chrome/Canary but not Firefox/Waterfox, Opera nor IE.
Perhaps it is your method.
Image

PWS links: WundergroundIVARNAPR3CWOP/APRSE(W)2048PWSWeatherZLATINABGAwekas10631Twitter@Zlatina_weather
Station type: PCE-FWS 20…Webcam link: View south to edge of Provadisko plateau
User avatar
saratogaWX
Posts: 1185
Joined: Wed 06 May 2009 5:02 am
Weather Station: Davis Vantage Pro Plus
Operating System: Windows 10 Professional
Location: Saratoga, CA, USA
Contact:

Re: Flyout and Flash

Post by saratogaWX »

Running the code in my page results in the following being generated by the JavaScript

Code: Select all

<div id="flashcontent" class="autosize">
<embed type="application/x-shockwave-flash" 
src="http://www.wunderground.com/swf/Rapid_Fire.swf?units=both&station=KCASARAT1" 
id="Rapid_fire.swf" 
name="Rapid_fire.swf" 
bgcolor="#FFFFFF" 
quality="high"
 wmode="transparent" 
 height="400" width="550">
You might try that code instead of the <object> code .. it works fine in all browsers AFAIK...
User avatar
gluepack
Posts: 460
Joined: Tue 22 Jan 2013 9:20 pm
Weather Station: PCE-FWS 20
Operating System: Win 7 Pro
Location: Zlatina, Bulgaria

Re: Flyout and Flash

Post by gluepack »

Well, it certainly works with Firefox/Waterfox. I'll try the rest at my leisure ;)

Thanks for that.
Image

PWS links: WundergroundIVARNAPR3CWOP/APRSE(W)2048PWSWeatherZLATINABGAwekas10631Twitter@Zlatina_weather
Station type: PCE-FWS 20…Webcam link: View south to edge of Provadisko plateau
Post Reply