|
HTML - Flash Menu, Html Iframe Conflict?
Hello, this is my first message here and I hope it will be for all you experts a serious one.
This is my page I am developing right now: http://www.travelevros.gr/main.htm The page has one IFrame that loads its subpage of the flash menu. Please dont tell me to get rid of it, I need that IFrame. The flash menu it is placed outside of that IFrame of course, its container is the main page main.htm. In IE, everything works ok and the menu (as transparent) drops down nicely and the user can click the submenus alright, even if they are above the IFrame area. But with Firefox Mozilla, even though the menu drops down nicely too, the user cannot click the submenus, not even the links inside the IFrame page (that covered from the swf rectangular region). So there is a confusion in the Mozilla browser, where to send the click events: to the flash menu or the html page located in the IFrame. What should I do to make this work with Firefox Mozilla? I've tried some solutions i've found in Google, like entering the "z-index" property, placing the flash menu and/or IFrame inside a DIV layer, but I couldnt make it to work. The submenus still cannot be clicked when they drop over the IFrame content. As I said, in IE works fine. I've found somewhere else that the tip for this problem is to place the menu in a DIV and make that DIV load AFTER the IFrame is displayed, at the end of the page, thing that I dont have the knowledge to do. If this is right solution, can somebody help me doing this? On the other hand, if there is some other solution then I am ready to listen. Thank you very much for your time. p/s Check the first menu on the left, it works in Mozilla too, but thats because this region its outside the IFrame. The other menu choices falls down to the IFrame region, so the problem is with the layer placement. Similar TutorialsI have a menu with coffie cup flash menu builder. And i have frames HTML. I know this question as be asked 10000 Times. How do i get the flash menu to go to my main frame page. It keeps opening in its own window a new window or taken up the hole window with out the frames. I tryed eveything including (release) { getURL ("main.html", "main"); } But it still doesnt work but i have no idear how to get this to work I'm having trouble with my menu. the content displays properly when the menu drop-down boxes are not activated, but shifts to accomodate the boxes when they are activated (by rollover). I want the menu boxes to drop down OVER the content, not shift it out of the way. How do I accomplish this? Here is the page: http://antiqueatlantic.com/oceaniana...togallery.html I am trying to get rid of the "You have to click to activate this function" mumbo jumbo for a site I am doing. I tried following these directions... http://www.adobe.com/devnet/activeco...devletter.html but am having a rough time getting it to work... here is my code. Code: <script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','900','height','140','src','GoodDock','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','GoodDock' ); //end AC code </script><noscript><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="900" height="140"> <param name="movie" value="images/GoodDock.swf" /> <param name="quality" value="high" /> <embed src="images/GoodDock.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="900" height="140"></embed> </object></noscript> Iv built a basic webpage, and in the center is an iframe that brings up the content that I want. However I want to include a flash control panel that is not in the iframe, but controls the navigation (in the iframe) when selected. Basically is it possible to have flash buttons controlling the content in an iframe, without the flash actually being included in the iframe. Thanx... http://www.eczaderm.com/ I have an iframe that is linked to source.html and that source.html has a swf gallery in it. As you can see in this example the top menu stays behind the flash gallery. I tried with giving iframe z-index:-1 but it didin't work. How can I fix this ? Ups I figured the solution that wmode must set to transparent . Thanks anyway ive currently built an html website with a flash menu and would like to use it with iframes so that the menu doesn't have to refresh with page.. unfortunatelly this is my first time working with iframes and i am not sure what code to put into my flash buttons to call the page into the frame. I pretty much understand how to use iframes altogether, just not with flash as well! you can view the website he www.exsystems.co.uk (mind the flash embed, im still working on that too!) if someone would share some knowledge on this i would be very greatful! Hi All, I have one problem in HTML, I have a HTML file with drop down menu and a flash banner in bottom , while mouse over the menu the drop down is not visible in the top of the flash banner its going back side, can any one help me out how to bring the drop down menu top of the flash banner. Here is the sample link where I have the problem http://vivek192.5gbfree.com/index.html ____________________________________ sport book betting steroid Hello, I would like to get the website menu to appear above the flash object. http://www.greekconcierge.com/weddings.php Currently when you click on "Our Services" this is hidden below the flash image object. many thanks, andy I have a youtube video on front of the school website and a horizontal dropdown menu just slightly above it. What is happening is when i hover over a menu item the drop down menu is going under the youtube video. But this is only happening on IE but not firefox http://www.rosebridge.wigan.sch.uk Does anyone have a idea? Website: http://the1337arcade.com/pt/ Problems: I Got the Dropdown Menu Fixed like i want it, The only problem is the 1px at the end of the navigation, if i add a extra px to the padding it drops that and makes the last button go down to the next row... i want it all to be in the same line HTML: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<title>Pine Tree High School - Theatre Department</title>
<meta name="description" content="The Homepage for the Pine Tree High School Theatre Department.">
<meta name="keywords" content="Pine Tree High School,Pine Tree High School Theater,Theatre,Anup Patel,The1337Arcade">
<link href="style.css" type="text/css" rel="stylesheet">
<script type="text/javascript">
var timeout = 500;
var closetimer = 0;
var ddmenuitem = 0;
// open hidden layer
function mopen(id)
{
// cancel close timer
mcancelclosetime();
// close old layer
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
// get new layer and show it
ddmenuitem = document.getElementById(id);
ddmenuitem.style.visibility = 'visible';
}
// close showed layer
function mclose()
{
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}
// go close timer
function mclosetime()
{
closetimer = window.setTimeout(mclose, timeout);
}
// cancel close timer
function mcancelclosetime()
{
if(closetimer)
{
window.clearTimeout(closetimer);
closetimer = null;
}
}
// close layer when click-out
document.onclick = mclose;
</script>
</head>
<body style="background-image: url('bg.jpg')">
<table align="center" cellpadding="0" cellspacing="0" class="container">
<tr><td><div id="header"><a href=index.htm><img border=0 src="logo.jpg" class="logo" alt="PTHS Theatre"></a></div></td></tr>
<tr><td>
<table align="center" cellpadding="0" cellspacing="0" class="main">
<tr><td>
<ul id="sddm">
<li><a target=I1 href="home.htm">Home</a></li>
<li><a href="#"
onmouseover="mopen('m2')"
onmouseout="mclosetime()">Theatre Productions</a>
<div id="m2"
onmouseover="mcancelclosetime()"
onmouseout="mclosetime()">
<a target=I1 href="#">2008-2009</a>
<a target=I1 href="#">2007-2008</a>
<a target=I1 href="#">2006-2007</a>
<a target=I1 href="#">2005-2006</a>
</div>
</li>
<li><a target=I1 href="about.htm">About The Director</a></li>
<li><a target=I1 href="contact.htm">Contact The Theatre </a></li>
<li><a target=I1 href="contact.htm">Links</a></li>
<li><a target=_blank href="http://ptisd.org">District Home Page</a></li>
</ul>
<div style="clear:both"></div>
</td></tr>
<tr><td>
<center><DIV STYLE="margin-top:10px;">
<iframe name="I1" width="100%" height="400" src="home.htm" border="0" frameborder="0">
Your browser does not support inline frames or is currently configured not to display inline frames.
</iframe>
<br>
</p>
</td></tr><tr><td>
<div id="blackfooter">
<span style="float:right;">
p: 903.295.5031. e: <a href=mailto:mgoodding@ptisd.org>
<span style="text-decoration: none"><font color="#FFFFFF">mgoodding@ptisd.org</font></span></a><font color="#FFFFFF"> </font>
</span>
1001 Fairmont Street | Longview, Texas 75605</div>
</td></tr>
</table>
</td></tr>
<tr><td>
</td></tr>
</table>
</body>
</html>
CSS: Code: /* CSS */
html { height: 100%; margin-bottom: 1px;
}
body {
margin: 15px 0px 15px 0px;
background: url(/images/bg.jpg);
}
table.container {
width: 750px;
background: #FFFFFF;
border: solid 1px #000000;
}
table.main {
width: 700px;
background: #FFFFFF;
border: solid 1px #000000;
}
ul { margin-top: 5px; }
/* header */
#header img.logo {
margin: 20px 0px 0px 20px;
border: 0;
}
#header .login {
margin: 20px 25px 0px 0px;
width: 198px;
height: 20px;
float: right;
font-size: 13px;
}
#header .login form {
margin: 0px;
}
/* main nav */
#nav {
width: 100%;
background: #000000;
color: #000000;
text-align: center;
line-height: 25px;
}
#nav a {
margin: 0px 15px 0px 15px;
color: #FFFFFF;
text-decoration: none;
}
#nav a:hover {
margin: 0px 15px 0px 15px;
color: #0026b9;
text-decoration: none;
}
/* footer */
#blackfooter {
width: 100%;
background: #000000;
font-size: 13px;
color: #FFFFFF;
text-align: left;
line-height: 23px;
}
#footer {
width: 700px;
background: #FFFFFF;
margin: 10px 0px 10px 25px;
font-size: 11px;
color: #444444;
text-align: center;
}
#footer a {
margin: 0px 3px 0px 3px;
color: #444444;
text-decoration: underline;
}
#sddm
{ margin: 0;
padding: 0;
z-index: 10}
#sddm li
{ margin: 0;
padding: 0;
list-style: none;
float: left;
font: bold 11px arial}
#sddm li a
{ display: block;
margin: 00px 0 0;
padding: 4px 17px 4px 16px;
width: auto;
background: #000000;
color: #FFF;
text-align: center;
text-decoration: none}
#sddm li a:hover
{ background: #0026b9}
#sddm div
{ position: absolute;
visibility: hidden;
margin: 0;
padding: 0;
background: #000000;
border: 0px solid #5970B2}
#sddm div a
{ position: relative;
display: block;
margin: 0;
padding: 0px 10px;
width: auto;
white-space: nowrap;
text-align: left;
text-decoration: none;
background: #000000;
color: #FFFFFF;
font: 11px arial}
#sddm div a:hover
{ background: #0026b9;
color: #000}
Thanks for all Help.. I have a Flash menu in a top frame, with a bottom frame that holds the content. Some of the content is large and needs to be scrolled. I would like the site to appear frameless, so the menu scrolls along with the content (so if you scrolled all the way down, you wouldn't see the menu). I initially tried putting it all into another frame, but didn't have much luck with that. I'm open to any suggestions. Let me know if I need to clarify anything. Thanks. Where I have a flash drop down nav bar on top of html it is disabling the links that are underneath the flash nav bar. In firefox even the links in the nav bar do not work where they overlap. HELP!!!! Much appreciative ...Cory Here is the link... http://209.40.102.3/cory/PSBrokerage.asp This will proubly be easy for some of you but i need some help. veiw www.aeonnorth.com source. And tell me why i cant get the top 5 buttons to link? Service-Products-Forums-Contact-Support. I have a map set up. but doenst seem to be working. whats wierd is i can mouse over and see its a link but doesnt take me anywhere. please help I can view the flash in my HTML script when I run it straight from my computer, but when I upload it I don't see it. I've tried it on three different web hosts. The directories are definitely correct. I don't understand why it simply won't work. This is the code I'm using to display the flash movie: PHP Code: <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="580" height="150"> <param name="movie" value="menu_logo.swf" /> <param name="quality" value="high" /> <embed src="menu_logo.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="580" height="150"></embed> </object> The flash file is located in the same place as the HTML file is. ( the root ) Hello All, I need to display flash located in the application file resources. I tried this way: HTML Code: <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=3,0,0,0" width="740" height="300" type="application/x-shockwave-flash">
<param name="movie" value=res://HTMLTester001.exe/SWFS/#137>
<param name="quality" value="high">
</object>
But it does not work. Flash is not displayed. How can I resolve this trouble? My index is an HTML page that has a flash that runs for 5 seconds. After that it stops (on purpose). I would like it to then goto another HTML page. For some reason, I can't find out how to do that. I've just recently created my website with wix.com as my host, so it's all flash, but I would like to change my website to html. I really like what I have as the website so far, but I've found that it runs slow on many computers, so I was wondering if there was any way of keeping what I have(such as design etc.) but converting it to html somehow. I don't know much about web design, so any help would be greatly appreciated. (and I don't mind changing my host if it's necessary, I just want a way to be able to keep what I've worked at without having to begin from scratch.) I'm an amateur web site builder and since upgrading to Flash CS3 I've ran into a few problems, mostly with the way the new flash publishes the html files. They now added a javascript file that accompanies the html file to apparently assist in the loading of the flash file. What I'm trying to do is add a script to the html file that will resize the window based the users screen resolution. I've used scripts in the past to do this, but for some reason they won't work with this new html file. I'm assuming the javascript file plays a part in this, correct me if I'm wrong. It would be great if someone could help me with a script that would allow for the html file to resize the browser window based on the users screen resolution, or something similar to that. I've included the html and javascript file for you to look at. Click here to view the project I'm working on. Any help is greatly appreciated. Thank you, Dustin Hiyas all... Having a bit of trouble getting some HTML right and I was hoping for some help. I'm trying to make a photo gallery for my site in which you click one picture...and a pop up window will display thumbnails of various pictures, upon your click I want the specified image to show above the thumbnails. I had a program that would automatically write the code for you, but I seem to have uninstalled it. Would anyone happen to know which program I could use? Thanks I have this code for my flash movie i want to put in the web site <object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="220" height="300"> the flash movie...swf file I have is flash9 with AS3 .....is the code I have fit to flash 9 ? and when I want to see the flash I cant see it just after I press right mouse key and then play..... do I need to add somthing for the flash say Automaticly start this movie.......... |
|||||||