Milonic provide full featured pull down web menus for some of the worlds largest companies
click here to see what it can do for you

Download Milonic DHTML Menu
Buy Milonic DHTML Menu

Back To Start Of Archive
Taken From The Forum: Help & Support for DHTML Menu Version 5+
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:11

using FLV and getting menu to appear above flash


Poster: jordanwarner
Dated: Friday March 13 2009 - 20:33:55 GMT

Hi all, thanks for the great menu script and any help.

I've been working on trying to incorporate the Flash fix provided with the insert_active_flash.js script to keep my menus from appearing underneath an flv file that I have on the page. However (and I'm a bit of a novice, so forgive me if this is a silly question), I cannot get the fix to work with FLV files, only with SWF files.

For example, the workaround that uses "insert_active_flash.js" tells me to post code to the effect of:

Code:
<script>
   myFlashObject=new Object
   myFlashObject.movie="/over.swf"
   myFlashObject.quality="low"
   myFlashObject.wmode="transparent"
   myFlashObject.width=850
   myFlashObject.height=550
   myFlashObject.version="5,0,0,0"
   commitFlashObject(myFlashObject, "myFlashDiv")</script>


However, I need to use an FLV file that also references a swf file for its video controls / skin. Right now my code is:
Code:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="270" height="152" id="FLVPlayer">
          <param name="movie" value="FLVPlayer_Progressive.swf" />
          <param name="salign" value="lt" />
          <param name="quality" value="high" />
          <param name="scale" value="noscale" />
          <param name="FlashVars" value="&MM_ComponentVersion=1&skinName=Clear_Skin_3&streamName=video/home_video_500k&autoPlay=false&autoRewind=false" />
          <embed src="FLVPlayer_Progressive.swf" flashvars="&MM_ComponentVersion=1&skinName=Clear_Skin_3&streamName=video/home_video_500k&autoPlay=false&autoRewind=false" quality="high" scale="noscale" width="270" height="152" name="FLVPlayer" salign="LT" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />   
</object>


I guess I'm trying to figure out how to reference the commitFlashObject within the type of code I have above, so I can still use the flv file. Maybe there's another way to reference FLV files that I'm not aware of, since I got this code directly from Dw. Can it be done? Again, sorry if I'm being naive here, just not sure how to make this work for an flv instead of a swf.

You can see the page at:
http://www.dunamascenter.com/
(this is the version prior to trying the fix)

Any help would be extremely appreciated! Thanks!
Jordan

Re: using FLV and getting menu to appear above flash


Poster: Ruth
Dated: Friday March 13 2009 - 21:07:26 GMT

Hi Jordan,

There is no way to get that to work with your menu version. You are using version 3. That version is 6 years old and hasn't been supported in 4-5 years. You would need to get version 5. There is a converter available to convert your menu_array.js file to the new menu_data.js file that is used in version 5. It should keep your design just as you have it.

I do suggest that you get the newer menu since it is designed to work with the newer browsers and to keep up with all the web developments that have taken place. The links below will give you information on licenses and on the conversion of your menu_array.js file.

http://www.milonic.com/licensing.php
http://www.milonic.com/converter.php

Once you have upgraded, if you so decide, I'll be glad to help you with the problem

Ruth

Re: using FLV and getting menu to appear above flash


Poster: jordanwarner
Dated: Friday March 13 2009 - 22:30:06 GMT

Hi Ruth, thanks very much for your help! Not sure how I ended up with such an outdated version, but I've upgraded it now and posted it to:
http://www.dunamascenter.com/index-newmenu.html

It seems like simply upgrading has fixed the probem in IE, but not in FF. If you could provide any guidance on how to tweak my code to work with an flv video, I would greatly appreciate it!

Also, this is unrelated, but it appears that now that I upgraded, the font size on the menu is appearing differently in IE vs. FF - larger in FF. I've tried a few adjustments to fix this without success. Any thoughts?

Thank you SO much!

Re: using FLV and getting menu to appear above flash


Poster: Ruth
Dated: Saturday March 14 2009 - 1:51:27 GMT

Hi,

OK, you need <PARAM NAME="wmode" VALUE="transparent"> added to it, and then in the embed tag you must have this wmode="transparent";

That should fix it.

As to your data file. The conversion kind of has a couple of problems in it, not that they don't work, but that if you clean them up it is much easier to set up your designs.

1. Instead of adding the separatorsize, and separatorcolor to the styles it adds them to the items, so items are like this

Code:
aI("text=Mission Statement;image=images/bullet.gif;url=about-missionstatement.html;;separatorsize=1")


You should remove that ;separatorsize=1" and make it
Code:
url=about-missionstatement.html;");
in all of them. Then in your style 1 and style2 add the separatorsize and separatorcolor parameters like this:

Code:
separatorsize=1;
separatorcolor="#ffffff";


The parameters in a style apply to any menu using that style. It saves a lot of coding. Also, the new menu uses the overfilter and outfilter of IE, so get rid of the effect at the top and add this to your styles

Code:
overfilter="Fade(overlap=1.00, duration=0.2);Alpha(style=0, opacity=90);"


Also, alignment= has to be align=, and align="left"; is default so you don't have to specify it, followscroll=0; is also default so you don't have to specify that either.

I actually did the data file, cleaning up things so you can copy it if you like.

Code:
_menuCloseDelay=500;
_menuOpenDelay=150;
_scrollAmount=3;
_scrollDelay=20;
_followSpeed=5;
_followRate=40;
_subOffsetTop=0;
_subOffsetLeft=6;


with(style1=new mm_style()){
offcolor="#000000";
offbgcolor="#54647C";
oncolor="#FFFFFF";
onbgcolor="#000000";
bordercolor="#000000";
borderstyle="solid";
borderwidth=0;
fontsize=10;
fontstyle="normal";
fontweight="normal";
fontfamily="Arial, Helvetica";
headercolor="#ffffff";
separatorcolor="#ffffff";
separatorsize=1;
overfilter="Fade(overlap=1.00, duration=0.2);Alpha(style=0, opacity=90);"
}

with(style2=new mm_style()){
offcolor="#FFFFFF";
offbgcolor="#995466";
oncolor="#FFFFFF";
onbgcolor="#774250";
bordercolor="#FFFFFF";
borderstyle="solid";
borderwidth=0;
fontsize=12;
fontstyle="normal";
fontweight="normal";
fontfamily="Arial, Helvetica";
padding=2;
pagecolor="#FFFFFF";
headerbgcolor="#1B3A29";
separatorsize=1;
separatorcolor="#ffffff";
overfilter="Fade(overlap=1.00, duration=0.2);Alpha(style=0, opacity=90);"
}

with(milonic=new menuname("mainmenu")){
top=220;
screenposition="center";
style=style1;
alwaysvisible=1;
orientation="horizontal";
aI("image=nav_about_off.gif;imagewidth=126;imageheight=34;showmenu=about;url=about.html;status=About");
aI("image=nav_marriage_off.gif;imagewidth=127;imageheight=34;showmenu=marriage;url=marriage.html;status=Marriage");
aI("image=nav_birthing_off.gif;imagewidth=112;imageheight=34;showmenu=birthing;url=birthing.html;status=Birthing");
aI("image=nav_familyservices_off.gif;imagewidth=175;imageheight=34;url=familyservices.html;;status=Family Services");
aI("image=nav_resources_off.gif;imagewidth=125;imageheight=34;showmenu=resources;url=resources.html;status=Resources");
aI("image=nav_partner_off.gif;imagewidth=106;imageheight=34;showmenu=partner;url=partner.html;status=Partner");
aI("image=nav_store_off.gif;imagewidth=83;imageheight=34;showmenu=store;url=store.html;status=Store");
aI("image=nav_contact_off.gif;imagewidth=136;imageheight=34;url=contact.html;;status=Contact Us");
}

with(milonic=new menuname("about")){
itemwidth=128;
style=style2;
aI("text=Mission Statement;image=bullet.gif;url=about-missionstatement.html;");
aI("text=Vision;image=bullet.gif;url=about-vision.html;");
aI("text=Meet the Staff;image=bullet.gif;url=about-meetthestaff.html;");
aI("text=Future Endeavors;image=bullet.gif;url=about-futureendeavors.html;");
aI("text=Intern Opportunities;image=bullet.gif;url=about-internopportunities.html;");
aI("text=Testimonies;image=bullet.gif;url=about-testimonies.html;");
}

with(milonic=new menuname("marriage")){
itemwidth=147;
style=style2;
aI("text=Counseling Model;image=bullet.gif;url=marriage-counselingmodel.html;");
aI("text=Pre-Marital Counseling;image=bullet.gif;url=mariage-premaritalcounseling.html;");
aI("text=Marriage Counseling;image=bullet.gif;url=marriage-marriagecounseling.html;");
aI("text=Marriage Seminars;image=bullet.gif;url=marriage-marriageseminars.html;");
aI("text=Ask a Counselor;image=bullet.gif;url=marriage-askacounselor.html;");
aI("text=Calendar;image=bullet.gif;url=marriage-calendar.html;");
aI("text=Cost;image=bullet.gif;url=marriage-cost.html;");
}

with(milonic=new menuname("birthing")){
itemwidth=240;
style=style2;
aI("text=One Day Choices in Childbirth Seminar;image=bullet.gif;url=birthing-onedaychoicesinchildbirthseminar.html;");
aI("text=Childbirth Prep Classes;image=bullet.gif;url=birthing-childbirthprepclasses.html;");
aI("text=Why We're Different;image=bullet.gif;url=birthing-whyweredifferent.html;");
aI("text=Preknowledge Questions;image=bullet.gif;url=birthing-preknowledgequestions.html;");
aI("text=Ask the Birth Educators;image=bullet.gif;url=birthing-askthebirtheducators.html;");
aI("text=Calendar;image=bullet.gif;url=birthing-calendar.html;");
aI("text=Cost;image=bullet.gif;url=birthing-cost.html;");
}

with(milonic=new menuname("resources")){
itemwidth=170;
style=style2;
aI("text=Articles;image=bullet.gif;url=resources-articles.html;");
aI("text=Interviewing Care Providers;image=bullet.gif;url=resources-interviewingcareproviders.html;");
aI("text=Archived Video Answers;image=bullet.gif;url=resources-archivedvideoanswers.html;");
aI("text=Recommended Reading;image=bullet.gif;url=resources-recommendedreading.html;");
}

with(milonic=new menuname("partner")){
itemwidth=157;
style=style2;
aI("text=Pray For Us;image=bullet.gif;url=partner-prayforus.html;");
aI("text=Scholarship Fund;image=bullet.gif;url=partner-scholarshipfund.html;");
aI("text=For Churches / Ministries;image=bullet.gif;url=partner-forchurchesministries.html;");
}

with(milonic=new menuname("store")){
itemwidth=180;
style=style2;
aI("text=Marriage / Premarital Material;image=bullet.gif;url=store.html;");
aI("text=Fiction by Pauline;image=bullet.gif;url=store.html;");
aI("text=Shaklee Products;image=bullet.gif;url=store.html;");
aI("text=Other Products;image=bullet.gif;url=store.html;");
aI("text=Donations;image=bullet.gif;url=store.html;");
}
drawMenus();


There is a demo for the IE Filters here if you'd like to play around with it. It's interactive. http://support.milonic.com/demos/filters/index.htm

Hope this helps :)

Ruth

Re: using FLV and getting menu to appear above flash


Poster: jordanwarner
Dated: Saturday March 14 2009 - 17:17:50 GMT

Hi Ruth - it works beautifully!

I can't thank you enough for your time, concern and guidance. Thanks again, have a great day.

©1998-2012 Milonic Solutions Ltd. UK Registered Company #4406835
Privacy Policy | License Agreement | Contact Us | Tech Support