Likno Blog – Drop-Down Menus, Javascript Menus, CSS Menus, jQuery Scrollers/Sliders, Modal Windows and more...

Knowledge Base support case for AllWebMenus, abstracted and stripped of all user’s private info.

Initial Email From: User
Initial Email Subject: SWF on top
Support Case Month: March 2012

Sorry, cant figure this out. My menu is below my SWF object. I read about this on your site and setting the parameter but it really doesn't show how to do this in my application.
My code looks like this. 

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash
/swflash.cab#version=6,0,0,0" width="455" height="340" id="tech" align="right">
so.addParam("wmode", "transparent");
   <param name="allowScriptAccess" value="sameDomain" />
   <param name="movie" value="indexflash.swf?xml_path=indexflash.xml" />
   <param name="quality" value="high" />
   <embed src="indexflash.swf?xml_path=indexflash.xml" quality="high" width="455" height="340" name="tech" align="right" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />  
</object>

Related URL: www.mid-iowa.com/index2.php

Reply From: Likno Customer Support

Hello,

It seems that you are using the wrong code. Please try changing this:

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash
/swflash.cab#version=6,0,0,0" width="455" height="340" id="tech" align="right">

so.addParam("wmode", "transparent");

   <param name="allowScriptAccess" value="sameDomain" />

   <param name="movie" value="indexflash.swf?xml_path=indexflash.xml" />

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

   <embed src="indexflash.swf?xml_path=indexflash.xml" quality="high" width="455" height="340" name="tech" align="right" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />  

</object>

Into this:

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash
/swflash.cab#version=6,0,0,0" width="455" height="340" id="tech" align="right">

   <param name="allowScriptAccess" value="sameDomain" />

   <param name="movie" value="indexflash.swf?xml_path=indexflash.xml" />

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

   <param name="wmode" value="transparent" />

   <embed src="indexflash.swf?xml_path=indexflash.xml" quality="high" 
width="455" height="340" name="tech" align="right" allowscriptaccess="sameDomain"
 type="application/x-shockwave-flash" wmode="transparent" 
pluginspage="http://www.macromedia.com/go/getflashplayer" />   

</object>

Best Regards,

Kostas

Likno Customer Support

www.likno.com

Powerful javascript menus (CSS menus/drop-down menus/sliding menus), web trees, buttons, tabs, modals, tooltips, accordions, scrollers, designs for your websites!

Reply From: User

Awesome. Thank you

Knowledge Base support case for AllWebMenus, abstracted and stripped of all user’s private info.

Initial Email From: Michael
Initial Email Subject: Pre-purchase question: Integration with Flex 4?
Support Case Month: September 2012

Hi:

I am very interested in your AllWebMenus Pro product, but need to know if I am able to create the following menu as a Flex/Flash widget (SWF file). If so, do you have instructions how to do so in your Knowledgebase once I buy the product?

Your prompt response is much appreciated since I need to build this for a client this weekend.

Thanks,

Michael

Reply From: Likno Customer Support

Dear Michael,

I am afraid that AllWebMenus does not produce flash files. We only have JavaScript-based products.

Is there a specific reason why you would want this to be a flash applet? I am asking as I can only think of cons and no pros in this.

(Flash is not supported everywhere, it requires plugins to be installed into the browser, it is heavier, it is going to be dropped altogether by Apple & Google etc)

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Michael

So, I use flash widgets to integrate with a BI tool called microstrategy. I am kind of stuck until they support HTML5. I am able to setup an HTML container. Basically  this is to create a selector for a dashboard versus a menu for a web page. If the example generates JavaScript or Actionscript, I can include your library to create the widget, and then use the code in the CDATA part of the Script tag. I welcome your thoughts.

Michael

Reply From: Likno Customer Support

Dear Michael,

I am afraid I am not aware of “microstrategy” at all. Still, our tools generate JavaScript and HTML, so it sounds as it will not be a problem.

The minimum requirements for AllWebMenus to work is that:

1) you are able to directly insert a HTML snippet in your page (the so-called “Linking Code”)

2) you are able to directly upload files to your server (preferably with FTP access)

Are these requirements met by your system? If so, then there should not be a problem.

Here is an example of the HTML code (“Linking Code”) you will need to insert in your page:

<!-- ******** BEGIN ALLWEBMENUS CODE FOR menu ******** -->
<script type='text/javascript'>
      var MenuLinkedBy='AllWebMenus [2]', awmBN='GN';
      awmAltUrl='';
</script>
<script src='/menu.js' language='JavaScript1.2' type='text/javascript'>
</script>
<script type='text/javascript'>awmBuildMenu();</script>

<!-- ******** END ALLWEBMENUS CODE FOR menu ******** -->

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Knowledge Base support case for Likno Web Modal Windows Builder, abstracted and stripped of all user’s private info.

Initial Email From: Carole
Initial Email Subject: positioning the modal
Support Case Month: October 2012

hello,

The home page includes a .swf animation, but ,when I open the modal window,   the .swf is always in front of this modal.

z-index for the modal doesn't work in this case ...

So can you give me any help to put the animation behind the modal ?

Thank you.

Carole Bourdon

Related URL: http://creoliles.com

Reply From: Likno Customer Support

Dear Carole,

Indeed the flash applets ignore the z-index and always stay “on top”. The solution is to add the “wmode=transparent” parameter into your flash applet.

Please try changing this:

<object 
   classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
   codebase="http://download.macromedia.com/pub/shockwave/cabs/flash
   /swflash.cab#version=7,0,19,0"
   width="710" height="550" >
   <param name="movie" value="galerie.swf">
   <param name="quality" value="high">
   <param name="allowscriptaccess" value="samedomain">
      <embed
          type="application/x-shockwave-flash"
          pluginspage="http://www.adobe.com/shockwave/download
          /index.cgi?P1_Prod_Version=ShockwaveFlash"
          name="creoliles"
          width="420" height="290" 
          src="galerie.swf"
          quality="high"
          allowscriptaccess="samedomain">

      </embed>
</object>

Into this:

<object
   classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
   codebase="http://download.macromedia.com/pub/shockwave/cabs/flash
   /swflash.cab#version=7,0,19,0"
   width="710" height="550" >
   <param name="movie" value="galerie.swf">
   <param name="quality" value="high">
   <param name="wmode" value="transparent">
   <param name="allowscriptaccess" value="samedomain">
       <embed
          type="application/x-shockwave-flash"
          pluginspage="http://www.adobe.com/shockwave/download
          /index.cgi?P1_Prod_Version=ShockwaveFlash"
          name="creoliles"
          wmode="transparent"
          width="420" height="290" 
          src="galerie.swf"
          quality="high"
          allowscriptaccess="samedomain">
        </embed>
</object>

Regards,

Kostas

Likno Customer Support

www.likno.com

Powerful javascript menus (CSS menus/drop-down menus/sliding menus), web trees, buttons, tabs, modals, tooltips, accordions, scrollers, designs for your websites!

SWFObject is a commonly used JS library for instantiating Flash objects universally.  Flash objects are considered to be “windows” on top of the browser and this is why they cover the submenus by default. This can be easily changed however. SWFObject offers two distinct methods to embed Flash Player content:

1. The static publishing method embeds both Flash content and alternative content using standards compliant markup, and uses JavaScript to resolve the issues that markup alone cannot solve.
2. The dynamic publishing method is based on marked up alternative content and uses JavaScript to replace this content with Flash content if the minimal Flash Player version is installed and enough JavaScript support is available (similar like previous versions of SWFObject and UFO).

If you use the static publishing  method you just have to add the transparent parameter in SWFObject.  For example if the code of  SWFObject looks like the following:

<script type="text/javascript">

var so = new SWFObject("movie.swf", "mymovie", "200", "100%", "7", "#336699");

</script>

you have to add the following line of code:

so.addParam("wmode", "transparent");

so that your code look like the following:

<script type="text/javascript">

var so = new SWFObject("movie.swf", "mymovie", "200", "100%", "7", "#336699");

so.addParam("wmode", "transparent");

</script>

If you use the dynamic publishing method you need to apply the transparent parameter too. In this method you use the embedSWF function so as to embed your SWF with JavaScript. The definition of embedSWF is the following: swfobject.embedSWF(swfUrl, id, width, height, version, expressInstallSwfurl, flashvars, params, attributes, callbackFn) where:

1. swfUrl (String, required) specifies the URL of your SWF.
2. id (String, required) specifies the id of the HTML element (containing your alternative content) you would like to have replaced by your Flash content.
3. width (String, required) specifies the width of your SWF.
4. height (String, required) specifies the height of your SWF.
5. version (String, required) specifies the Flash player version your SWF is published for (format is: "major.minor.release" or "major").
6. expressInstallSwfurl (String, optional) specifies the URL of your express install SWF and activatesAdobe express install. Please note that express install will only fire once (the first time that it is invoked), that it is only supported by Flash Player 6.0.65 or higher on Win or Mac platforms, and that it requires a minimal SWF size of 310x137px.
7. flashvars (Object, optional) specifies your flashvars with name:value pairs.
8. params (Object, optional) specifies your nested object element params with name:value pairs.
9. attributes (Object, optional) specifies your <object>'s attributes with name:value pairs.
10. callbackFn (JavaScript function, optional) can be used to define a callback function that is called on both success or failure of embedding a SWF file

So if the code of your SWFObject looks like the following:

<script type="text/javascript">

swfobject.embedSWF("myswfobject.swf", "mycontent", "935", "300", "9.0.0");

</script>

you have to replace it with the following one:

<script type="text/javascript">

var expressInstallSwfurl = {};

var flashvars = {};

var params = {wmode:"transparent"};

var attributes = {};

swfobject.embedSWF("myswfobject.swf", "mycontent", "935", "300", "9.0.0", expressInstallSwfurl, flashvars, params, attributes);

</script>

By adding the transparent parameter as described above, the submenus will always appear above SWFObject objects on all browsers.