|
-
Flash Drops Down, & Places Correctly in Firefox, not IE
I have a flash menu that I've built using 123 Flash Menu. It drops down and places just like I want it to in Firefox, but in IE the menu doesn't drop down out of the <div> tag or place like Firefox.
If ANYONE has ANY solutions to modify the scripting I have in place to make the menu display properly in IE then I'd love to hear them.
Page with the Flash Menu Source:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<meta http-equiv="Content-Language" content="en-us"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="keywords" content="Okoboji, High, School, Cheat, Cheating, Vocab, Answers, Sadlier, Oxford, Level E, Download Homework, Homework, Help, Reports, Download Reports, Boji, CVO, ProWeb, CVO Proweb, Web, Design, Online Resources, Iowa AEA, AEA Online, AEA, Okoboji Schools, Okoboji Community Schools, UnitedStreaming, United Streaming, World, Book, Online, World Book, World Book Online"/>
<meta name="description" content="Your one stop site for homework, vocab answers, and online resource passwords."/>
<link rel="icon" href="http://12.218.126.198:80/favicon.ico" type="image/ico"/>
<link rel="shortcut icon" href="http://12.218.126.198:80/favicon.ico"/>
<link href="style.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>
<script type="text/javascript" src="flashobject.js"></script>
<script type="text/javascript" >
function open_menu()
{if (navigator.appName.indexOf("Microsoft")!= -1) {
document.color.style.height="170px";
}else{
document.getElementById('navmenu').style.height="170px";}
}
function close_menu()
{if (navigator.appName.indexOf("Microsoft")!= -1) {
document.color.style.height="22px";
}else{
document.getElementById('navmenu').style.height="22px";}
}
</script>
<title>CVO ProWeb - Home</title>
<style type="text/css">
.style2 {
font-weight: bold;
color: #007DDA;
}
.style3 {
color: #007DDA;
}
.style4 {
font-size: large;
}
</style>
<script language="javascript" type="text/javascript" src="js/ddmenu.js"></script>
</head>
<body>
<div id="container">
<div id="main">
<div id="header"><script language="javascript" type="text/javascript" src="js/randimg.js"></script></div>
<div id="nav">
<script type="text/javascript">
var fo = new FlashObject("navmenu_xml.swf?xmlfile=navmenu.xml","navmenu","750","170","6","#A5CAE5");
fo.addParam("menu","false");
fo.addParam("quality","best");
fo.addParam("scale","noscale");
fo.addParam("salign","LT");
fo.addParam("wmode", "transparent");
if (navigator.appName.indexOf("Microsoft")== -1) {
fo.addVariable("notIE","1");}
fo.write("nav");
if (navigator.appName.indexOf("Microsoft")!= -1) {
document.color.style.position="absolute";
document.color.style.zIndex="1000";
document.color.style.left="130px";
document.color.style.top="214px";
}else{
document.getElementById('navmenu').style.position="absolute";
document.getElementById('navmenu').style.zIndex="1000";
document.getElementById('navmenu').style.left="130px";
document.getElementById('navmenu').style.top="214px";
}
</script>
</div>
<div id="content">
<div class="post">
<h1>News:</h1>
<span class="style2"><br />
[08.03.2007]</span>
<p>In preparation of the 2007-2008 school year, I've added
Level F Vocab Answers and 11th Grade Documents. Check back
during the 2007-2008 school year for updates to the 11th
Grade Documents. I've reorganized the navigation to
accommodate future expansion.</p>
<h1 class="style4"> </h1>
<span class="style2"> [07.30.2007]</span>
<p>You're now able to access the renamed and reorganized
8-10th Grade Files with greater ease. The top image above
now cycles through 10 images of the Iowa Great Lakes; new
image every 10 seconds. I've added a drop down menu system
so you can navigate CVO ProWeb easier. On the 8-10th Grade
Files, any of the Lake Cam pages, Portable Apps, or Wireless
Internet page, you are now able to Expand/Contract the top
navigation bar to view more of the page below.</p>
<h1 class="style4"> </h1>
<span class="style2"> [06.21.2007]</span>
<p>You can now access a map of areas where FREE wireless
internet is available in the Okoboji region. Have free wifi
available?
<a href="mailto:[email protected]?subject=WiFi Available!">
Contact Us</a> and include the address that it's available
at.</p>
<br />
<br />
<center><span class="style3"><strong>
<a href="newsarchive.html">[Archive of News]</a><br />
</strong> </span><br />
</center></div>
</div>
</div>
<div id="footer">
<ul>
<li><a href="index2.html">Home</a></li> |
<li><a href="olr.html">Online Resources</a></li> |
<li><a href="school.html">School</a></li> |
<li><a href="/cams/lakecams.html">Lake Cams</a></li> |
<li><a href="bojiwifi.html">Wireless Internet</a></li> |
<li><a href="other.html">Other</a></li>
</ul>
<span>
<strong>© 2007 CVO ProWeb Productions</strong> | <a href="javascript: void(0)" class="navtextcolor" onClick="MM_openBrWindow('tos/tosframe.html','','width=640,height=480')">Terms of Service</a> | <a href="mailto:[email protected]?subject=Contact Us">Contact Us</a> | <!-- Start of StatCounter Code -->
<script type="text/javascript" language="javascript">
var sc_project=2272038;
var sc_invisible=0;
var sc_partition=20;
var sc_security="182f054b";
</script>
<script type="text/javascript" language="javascript" src="http://www.statcounter.com/counter/counter.js"></script>
<noscript><a href="http://www.statcounter.com/" target="_blank"><img src="http://c21.statcounter.com/counter.php?sc_project=2272038&java=0&security=182f054b&invisible=0" alt="counter free hit invisible" border="1"></a>
</noscript><!-- End of StatCounter Code -->
</span>
</div>
</div>
</body>
</html>
Page Location: http://cvo.bluedisk.org/index2_flash.html
Looks Correct in Firefox:

Wrongly Displayed in IE:

Thanks!
-Chris
-
FK's Official Mac Hater
In Firefox it drops down properly but it doesn't show up in the right place for me. Is there any reason that you are using Flash for a menu like this? It could be easier accomplished with CSS/JavaScript.
Jason L. Wright
I'm not that hard to imitate. Just make some random negative claim at Apple or anything else for that matter and then have nothing to back it up.
-
I have a version in javascript/css but it takes forever to edit the menu accross many pages. I'm using a flash+xml menu so I can just edit the xml file to edit the menu.
-
FK's Official Mac Hater
I see. If you have a server that supports PHP you could do a simple include so that you would only have to update 1 file for the JavaScript/CSS bar. I don't know what is causing this problem for you but when I view the page in Firefox I see this:
Jason L. Wright
I'm not that hard to imitate. Just make some random negative claim at Apple or anything else for that matter and then have nothing to back it up.
-
That's due to my hard coding of the menu's placement:
document.getElementById('navmenu').style.left="130 px";
document.getElementById('navmenu').style.top="214p x";
When you change the window size or resolution it'll change the menu's placement.
I need a better way to place the menu inside the <div id="nav"></div> tags while allowing the menu to flow out over the text below and allowing for javascript activation of the flash in IE.
Any idea how to achieve that?
EDIT: I've added another test page that uses the method that Flash CS3 is using to embed and activate the swf file. The only problem now is how to allow the menu to flow down over the text.
Adobe Version: http://cvo.bluedisk.org/index2_flash2.html
Does anyone know how to allow the Adobe version to let the drop downs show in Firefox and IE?
Last edited by chrisfromboji; 08-06-2007 at 08:03 PM.
-
Yes, I realize this is a double post; I'd edit the post above, but it doesn't let me edit the post after an hour.
Here's the final hurdle:
Have any idea why the flash doesn't drop down over the text in IE, but it does in Firefox?
http://cvo.bluedisk.org/index2_flash2.html
I need it to drop down in IE too!
-
FK's Official Mac Hater
In IE it is dropping down but you aren't seeing it. Since it's contained in a div that is only 22 pixels tall you only see the top 22 pixels of the 200 pixel high flash video. If you right click on your text below the menu in each browser you'll see that in Firefox you can see the entire Flash file but if you do it in IE you'll see that it's cut off. You'll have to use CSS and make that div 200px high and just have it overlay the text beneath it.
Jason L. Wright
I'm not that hard to imitate. Just make some random negative claim at Apple or anything else for that matter and then have nothing to back it up.
-
Thanks for the help but that's not quite the answer I'm looking for. I saw in IE that the flash is dropping down, but the problem is that the flash isn't dropping down over the text below like it does in firefox. I believe this is stemming from a problem in the way adobe flash cs3 is using javascript to activate and view the menu in IE. A modification to the javascript is needed to get the wmode transparent parameter working in IE. Any ideas on how to modify the javascript to work?
Posting Permissions
- You may not post new threads
- You may not post replies
- You may not post attachments
- You may not edit your posts
-
Forum Rules
|
Click Here to Expand Forum to Full Width
|