Knowledge Base |
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"> </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"> </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
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"> </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"> </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
Replace the code from Dreamweaver
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.
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!
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"> </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"> </td>
</tr>
</table>
</body>
</html>
How do I get it back working?
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"> </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"> </td>
</tr>
</table>
</body>
</html>
How do I get it back working?
Support for Flash only
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.
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
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.
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
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).
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
Other questions in this item:
Call JavaScript from XML Open menu item pages into target - "_self" Initiate Drop Down Tree Menu V3 through ActionScript Item description from XML Disable-Enable Drop Down (Tree) Menu Displaying the submenu horizontally instead of vertical Navigate through scenes Hand cursor Adding a checkbox to a menu Referencing item's textfield in Drop Down (Tree) Menu V3 Centering the titles on the Drop Down (Tree) Menu V3 Load movies on item select Go to different frames by pressing a menu item Changing Design Different text formats and anti alias Adding a separating gap between menu items Autoexpand on start setXML() generates error message Open menu items upwards Load movies on item select Correct width of the main menuMenu |
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.
See this tutorial in order to find out how.
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
Secured by VeriSign
- Flash Components
- User Interface
- Accordion Panel V3
- Loader Pro V3
- Color Picker Pro V3
- XML Slide Show V3
- Thumbnail Slider V1
- Thumbnail List V1
- Flash Menus
- Flash Menu Pack V3
- Flash Basic Menu Pack V3
- Accordion Tree Menu V3
- Drop Down Tree Menu V3
- Accordion Menu V3
- Drop Down Menu V3
- Transition Effects
- FlashEff Premium
- TxEff Full License
- MCTE V3
- MCTE Collection Plus
- MCTE Pattern Collection
- Skins & Patterns
- Mac CS3 UI Skin
- Vista Black CS3 UI Skin
- Vista Blue CS3 UI Skin
- Various
- JC Master Collection
- Flash Bookmarks FREE
- ActionScript Bridge FREE
Terms of Service |
Privacy Policy |
SLA |
Licenses |
Risk Free Policy |
Referral |
Discounts |
Team |
Members |
Support |
Sitemap© 2007-2008 SmartketerLLC | jumpeyecomponents.com | flasheff.com | txeff.com | jcplayer.com | jscharts.com
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.