Important! All new questions are usually answered within the next business day.

Drop Down (Tree) Menu V3

(views: 5015)

Drop Down Menu V3 and Drop Down Tree Menu V3 are xml flash accordion menus featuring customized states, customized transitions and tweens. Here are all known issues for Drop Down Menu V3 and Drop Down Tree Menu V3, they should be similar, since basically it is the same component. If you have any questions that you think we should discuss here please let us know.



Drop over HTML content

(2007-09-21 - views: 5296)

Q: How can I expand the Drop Down (Tree) Menu V3 over an HTML content.
A: Here is an example of the Drop Down Tree Menu V3 expanded over an HTML content.


Below is the source code of the HTML page:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Expand over HTML content | Drop Down Tree Menu V3</title>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
<body leftmargin="0" topmargin="0">
<table width="500" border="0" cellspacing="0" cellpadding="0" align="left">
  <tr>
    <td>
    <div style="position:absolute">
    <script type="text/javascript">
        AC_FL_RunContent(
            'codebase','http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0',
            'width','400',
            'height','300',
            'id','create_drop_down_tree',
            'align','middle',
            'src','create_drop_down_tree',
            'wmode','transparent',
            'quality','high',
            'bgcolor','#ffffff',
            'name','create_drop_down_tree',
            'allowscriptaccess','sameDomain',
            'pluginspage','http://www.macromedia.com/go/getflashplayer',
            'movie','create_drop_down_tree'
            ); //end AC code
    </script>
    </div>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" style="position:absolute" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="400" height="300" id="create_drop_down_tree" align="middle">
      <param name="allowScriptAccess" value="sameDomain" />
      <param name="movie" value="create_drop_down_tree.swf" />
      <param name="quality" value="high" />
      <param name="bgcolor" value="#ffffff" />
      <param name="wmode" value="transparent" />
      <embed src="create_drop_down_tree.swf" wmode="transparent" quality="high" bgcolor="#ffffff" width="400" height="300" name="create_drop_down_tree" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />   
</object></td>
  </tr>
  <tr>
    <td height="19" bgcolor="#666666">&nbsp;</td>
  </tr>
  <tr>
    <td height="62">Your HTML content here Your HTML content here Your HTML content here Your HTML content here Your HTML content here Your HTML content here Your HTML content here Your HTML content here Your HTML content here Your HTML content here Your HTML content here Your HTML content here Your HTML content here Your HTML content here Your HTML content here Your HTML content here Your HTML content here Your HTML content here </td>
  </tr>
  <tr>
    <td bgcolor="#999999">&nbsp;</td>
  </tr>
</table>
</body>
</html>

You have to place the AC_FL_RunContent script inside a div and set its position to absolute while on the object tag you can set the style="position:absolute" on it without having to place the entire object inside a div.



Files: dropOverHTML.zip 


User Comments

Is there an updated version of how to do this?
posted by mlahatte on 2008-02-12

Is there an updated version of how to have Drop Down Tree drop over HTML content? Dreamweaver CS3 updates the Runcontent for IE and messes it all up. I'm trying to put a 800 x 165 pixel swf menu centered in a table and have it drop over HTML content.
Replace the code from Dreamweaver
posted by negush on 2008-02-13

After you finish editing your HTML page with Dreamweaver, try to replace the appropriate code for the Flash content with the one presented in our example.
Help!
posted by mlahatte on 2008-02-15

Dreamweaver does this to the code:


<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>create_drop_down_tree</title>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
<body leftmargin="0" topmargin="0">
<table width="500" border="0" cellspacing="0" cellpadding="0" align="left">
<tr>
<td>
<div style="position:absolute">
<script type="text/javascript">
AC_FL_RunContent(
'codebase','http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0',
'width','400',
'height','300',
'id','create_drop_down_tree',
'align','middle',
'src','create_drop_down_tree',
'wmode','transparent',
'quality','high',
'bgcolor','#ffffff',
'name','create_drop_down_tree',
'allowscriptaccess','sameDomain',
'pluginspage','http://www.macromedia.com/go/getflashplayer',
'movie','create_drop_down_tree'
); //end AC code
</script>
</div>
<script type="text/javascript">
AC_FL_RunContent( 'style','position:absolute','codebase','http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0','width','400','height','300','id','create_drop_down_tree','align','middle','src','create_drop_down_tree','wmode','transparent','quality','high','bgcolor','#ffffff','name','create_drop_down_tree','allowscriptaccess','sameDomain','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','create_drop_down_tree' ); //end AC code
</script><noscript><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" style="position:absolute" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="400" height="300" id="create_drop_down_tree" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="create_drop_down_tree.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<param name="wmode" value="transparent" />
<embed src="create_drop_down_tree.swf" wmode="transparent" quality="high" bgcolor="#ffffff" width="400" height="300" name="create_drop_down_tree" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object></noscript></td>
</tr>
<tr>
<td height="19" bgcolor="#666666">&nbsp;</td>
</tr>
<tr>
<td height="62">Your HTML content here Your HTML content here Your HTML content here Your HTML content here Your HTML content here Your HTML content here Your HTML content here Your HTML content here Your HTML content here Your HTML content here Your HTML content here Your HTML content here Your HTML content here Your HTML content here Your HTML content here Your HTML content here Your HTML content here Your HTML content here </td>
</tr>
<tr>
<td bgcolor="#999999">&nbsp;</td>
</tr>
</table>
</body>
</html>

How do I get it back working?
Support for Flash only
posted by negush on 2008-02-18

We do not offer support for Dreamweaver related issues. If you have problems with one of our components, you can post it here on our site, post a question in our knowledge base or write us at support[at]jumpeyecomponents.com and someone will get back to you.
The Example Code provided works good in IE. However, with FireFox it disables the links that the fl
posted by mike3838 on 2008-05-16

The Example Code provided works good in IE. However, with FireFox it disables the links that the flash would normally cover up. So if the first text in the example provided had a hyperlink on it, it would not be clickable in FF.
Move mouse out of the flash clip surface
posted by negush on 2008-05-19

The code above works for Firefox too, but you need to completely roll the mouse out of the <div> tag that holds the flash clip (move the mouse out of the entire flash clip surface - the expanded menu).


Login to post your comment login to post your comment



Back

Knowledge Base Search

Enter keywords bellow:
Advanced Search

Menu

Free Trial Versions

The trial versions do have a major limitation. They will ONLY run into debugger flash player versions, such as the Flash IDE player and the activeX FP used by developers.

Switch from Free Trial version to Full version.

You can switch from Trial to Full versions in a blink of an eye.
See this tutorial in order to find out how.

We accept Google Checkout

Google Checkout Acceptance Mark

Secured by VeriSign