|
HTML - Flash Menu With Iframes..
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! Similar TutorialsI 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> Anyone know how to do this? My drop down menu keeps getting stuck in the frames i put the code in. I'm wanting it to overlap the main menu and the left menu. (it's located at the top of the page right above the left menu and main menu) 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 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 I 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 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? 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. 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. 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 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 jailbroken iPhone 4 and I am trying to get a flash embed to display on it but I am having a lot of trouble. i have successfully used and enabled different flash objects elsewhere but this is the only one that wont run. so I know it will work. HTML Code: <head>
<title>iSwim</title>
</head>
<body>
<div style="width: 320px; height: 356px; margin-top: 80px; margin-bottom: 44px;">
<object width="320" height="356"> <param name="movie" value="http://listen.grooveshark.com/widget.swf" /> <param name="wmode" value="opaque" /> <param name="allowScriptAccess" value="always" /> <param name="flashvars" value="hostname=cowbell.grooveshark.com&widgetID=22770693&style=metal&bbg=000000&bfg=046cc7&bt=FFFFFF&bth=000000&pbg=FFFFFF&pbgh=046cc7&pfg=000000&pfgh=FFFFFF&si=FFFFFF&lbg=FFFFFF&lbgh=046cc7&lfg=000000&lfgh=FFFFFF&sb=FFFFFF&sbh=046cc7&p=0" /> <embed src="http://listen.grooveshark.com/widget.swf" type="application/x-shockwave-flash" width="320" height="356" flashvars="hostname=cowbell.grooveshark.com&widgetID=22770693&style=metal&bbg=000000&bfg=046cc7&bt=FFFFFF&bth=000000&pbg=FFFFFF&pbgh=046cc7&pfg=000000&pfgh=FFFFFF&si=FFFFFF&lbg=FFFFFF&lbgh=046cc7&lfg=000000&lfgh=FFFFFF&sb=FFFFFF&sbh=046cc7&p=0" allowScriptAccess="always" wmode="opaque" /></object>
</div>
</body>
Can anyone help me to make sure the flash displays right? what happens is the player loader displays at the top instead of the center and the control buttons are present before it loads. then after the loader fails it shows a "cannot connect" error. so I think the flash object is resizing inside its self. can anyone help me clean up this script so it will display correctly in iPhone safari (with flash enabled)? website is he smalldotdesign.zxq.net/iSwim.html that is where the HTML file is located that I am trying to get corrected. thanks in advance. i have a feeling this is going to be a tough fix. Hi, I have a webpage which a friend of mine designed a long time ago. I'm not an HTML expert but I know the base things, and the problem is that my site don't use iframes, instead there are tables. I have many pages and the navigation links are on every single page. It's really a pain in the neck to change all pages to modify a navigation link. This is how the HTMl looks: Code: <body> <table width="800" border="0" cellpadding="0" cellspacing="0" class="main" align="center"> <tr><td colspan="2">Head image there</td></tr> <tr><td class="left"> <!--START OF NAVIGATION--> Navigation links are here <!--END OF NAVIGATION--> <td class="content"> <!--START OF CONTENT--> CONTENT HERE <!--END OF CONTENT--> </center></td></tr> <tr><td colspan="2" class="footer"> <!--START OF FOOTER--> This is the footer <!--END OF FOOTER--> </td></tr></table> </body> </html> A pictu Now my question would be that is it possible to put the navigation in a frame but keep the whole site layout the same? I mean, I would like to keep the scrolling the same - Have only 1 scrollbar and when scrolling, scroll the whole page, the navigation and the main content too. Thank you very much for any help! Can iframes be used inside flash applications embeded on webpages so that when a button is clicked on a flash app, it activates an iframe on the actual webpage. Is that possible? Thanks. Is there a way to make an iframe load all of a page, and make that its height? I don't want a scroll bar, but I would like it so the user can read the whole page in the frame. Is this possible? Thanks. Hello, I am creating HTML sites for various accommodations. They all have listings and availability calenders on a directory as is show he http://www.walestouristsonline.co.uk...ity.asp?id=103 I would like to be able to somehow create something along the lines of an iframe that just incorporate just the calendar part of the page (not the entire page) in the site I am making. Anyone any idea how this can be done? Thanks. does anyone know an IE compatible way to disable x-scrolling in iframes? i made a style that had no x-scroll and applied it to the iframe, but that only worked in mozilla. help would be appreciated -james Okay, well this is the raw website: http://www.shuushuubuttons.com/index2.html I have three iframes there...but when you bring the browser window in and out (using your mouse) the top frame gets eaten up by the bottom ones. Is there any way to 'lock' the top and left frame so it doesn't change size. I put in the 'noresize' tag, but that didn't seem to make any difference. Any help would be appreciated! Take a look at my html, maybe I've done the tags wrong. Thanks! Can you make me 3 frames? 1. On the left side[Want it to be 20% of the site's width] which will have the general links. 2. One on the right side[80% of the width] 3. One on the top[20% of the height] They can be totally blank, I'll enter the content myself. Thank you. Hi, I have a dynamic table which is updated on a form submission. I am trying to update the table without a page refresh so that the form doesn't reset itself back to its default settings thus avoiding the user constantly having to change the fields each time they enter a record. I was thinking of using an iFrame as this looks like a good and relatively easy way to achieve this. Can someone please tell me how I can place a table within an iFrame and refresh just the Iframe contents on the form submission. I hope someone can please help with the code. Thanks Simon Okay, here's the situation. 1) The client uses a catalog service that he likes and wants to keep, but hates the way their pages look. 2) Their Layouts aren't really customizable so I plop their info into another page using an iframe. This page is hosted on a different server than the content. 3) Annoyingly, iframes don't stretch to fit their contents, so if I set the height to accomdate all possible pages, I'm left with a silly amount of space at the bottom of most pages. I can't add code to the interior pages. I've looked around, but nothing seems to work. Any ideas? |
|||||||