View Full Version : Flyout menu not working with frames
Vandel212
April 2nd, 2010, 03:25 PM
I found this very nice flyout menu that is done in javascript (from the website below), and I'm trying to put it in my website.
http://www.leigeber.com/2008/05/vertical-flyout-javascript-menu/
However I'm running into an issue because I have three frames that make up my website. I want to put this in the frame that runs along the left side of my main page. The issue is that when I hover over the menu, the flyout portion is cut off by the side of the frame. Is there any way that the flyout portion can go over the boundry of the two frames?
Thanks,
Randell
I can never tell if I explain myself well enough so here are the files for my website. You can see what I mean.
3dy
April 3rd, 2010, 01:58 AM
Tip: Frames are almost deprecated, use CSS.:)
Vandel212
April 5th, 2010, 10:25 AM
Well my goal is to have the side frame do the navigation and only the other frame change. This would allow me to put things in the frames that would be normally affected by navigating to a new page such as flash, music, and things of that nature which can not be interrupted without starting over. So if only one frame changes they keep running uninterrupted.
Thanks.
3dy
April 5th, 2010, 10:38 AM
Ok... well... I can't help with that. Just verify and validate your code.:)
.soulty
April 7th, 2010, 05:09 AM
I suggest you look into using php includes or some form of ajax/jquery to handle your pages with this functionality. Using frames to structure your site is just a recipe for disaster.
Vandel212
April 8th, 2010, 12:20 PM
Would php allow me to put up flash that wont be interrupted if the user clicks a link? That is really the main reason I'm using frames. I just want to have something (for example a music player) that will not start over because the user wanted to navigate to a different page.
eyebum
April 8th, 2010, 02:56 PM
Hey-
Over at Dynamic Drive (http://www.dynamicdrive.com/), they have a couple of things that may help you.
First, take a look at the AJAX tabs. These things ROCK. They automatically allow you to dynamically pull up content in a CSS container based on the tab click. They can be configured for a "side tabs" set up too. I imagine that changing the tabs into a flyout menu shouldn't be too bad. But here's the cool thing-you can ALSO specify the content in the CSS container to go into an iframe. This will allow the container to behave like an iframe-because it becomes one with the javascript.
this is pretty handy when the dynamic content might have its own javascript to run. You can't get the javascript to kick in when dynamically opening it in a CSS div unless you refresh the page (to my knowledge!).
But if you open it in an iframe, it WILL run its own javascript there.
So yep, your flash that is running in another frame or div will continue uninterrupted.
There is also some code there at Dynamic Drive that allows you to dynamically load external pages into CSS divs with javascript. This would allow you to avoid the whole iframe thing. But in my experience with the AJAX tabs, they work REALLY well.
Just an idea...
Vandel212
April 14th, 2010, 11:21 AM
This looks really interesting, I'll definatly look in to it.
Thanks.
Powered by vBulletin® Version 4.1.10 Copyright © 2012 vBulletin Solutions, Inc. All rights reserved.