Solved

Javascript Menu hidden behind IFrame in Netscape.

Posted on 2006-07-24
12
512 Views
Last Modified: 2013-11-19
Hi
We are using one of the javascript menus. The problem is that it is working fine in IE but the menus get hidden in Netscape 6.2. I tried giving absolute position and z-index etc.

Any workarounds please?


0
Comment
Question by:hangar18
  • 3
  • 3
  • 2
  • +1
12 Comments
 
LVL 1

Expert Comment

by:Error113
ID: 17170337
Please post something more solid than 'we are using javascript menus' . A hyperlink to live problem would be great.


Outside of that, Use an IF then else clause to display different types of menus to non mozilla (iE)users. i wouldnt be overly concerned with it though, more concentrated on the IE version of your page. you could also redirect them to a different page based on browser type.



What, if any, scripting language other than Javascript  being used?    PHP or ASP??


0
 
LVL 1

Author Comment

by:hangar18
ID: 17170379
Sorry. But its one the menus that we downloaded. I didnt think that it would be a good idea to post the code here. THe menu is a simple  vertical menu with horizontal submenus. And we're using ASP.NET.

I know its a little too vague but if someone has worked on any javascript menu and have faced the same issue, maybe I could get some help.

0
 
LVL 6

Expert Comment

by:davbouchard
ID: 17170388
0
 
LVL 7

Expert Comment

by:mmarksbury
ID: 17172085
Simple answer:  Buy a menu such as Sothink Dhtml Menu.  These are now cheap and the grunt work has been doen for you.
0
Free Trending Threat Insights Every Day

Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

 
LVL 1

Expert Comment

by:Error113
ID: 17172596
Well nobody can help you with out the source, javascript or not. THE DOM (Document Object Model) is not consistant no matter what people think. If it was my problem, id make the whole damn thing out of css, which in most cases will solve the problem.  

Otherwise my suggestion is to just go to buttongenerator.com, their javascript menus are simple, but effective.


In rational terms of how to solve your problem, the simplest solution that i would use, is to simply have an 'onload' javascript event that guarantees your menu is on top. SO basically it would be like this

Step 1. Put your menu in a div and give it an ID
Step 2. Force that element to the top of the zindex using javascript onload.
Step 3. Assign points to answer.


Example Javascript for onload event


setTimeout("document.all.ThisID.style.zIndex = 1",9000);

this line, correctly place, will force the element to the front. just put it in the body,
<body onload="setTimeout("document.all.ThisID.style.zIndex = 1",9000);">

and after  9 seconds(9000 ms) , the layer will be forced to the front. if you need a live example let me know.
0
 
LVL 6

Expert Comment

by:davbouchard
ID: 17175947
Error113,
That won't always work, I've tried it with Opera, it always shows under the iframe even if the zindex is higher. Might be the same for Netscape 6.2, I'm not sure.

I you got a live working opera proof example with the zindex I want to see it.
0
 
LVL 1

Author Comment

by:hangar18
ID: 17176012
Hi Error...
It didnt work with Netscape 6.2 too.
I think I can go with more points but can you get it work please :)
This must be the first time I'm greeting an Error! :)
0
 
LVL 1

Accepted Solution

by:
Error113 earned 150 total points
ID: 17177852
http://www.washingtonwaterfronts.com/default5.asp


this page as you can see in opera 9, firefox , and IE.  has a menu on the left hand side. if you dont have flash installed this will make no sense. As you can see, It is possible to use js to force the menu above the iframe, you just need it encapsulated. I HIGhly RECOMMEND the use of SIFR for cool fonts and menus.. look it up.
0
 
LVL 6

Assisted Solution

by:davbouchard
davbouchard earned 150 total points
ID: 17184137
It might work with opera 9 but not opera 8.

On Opera 9, you just need the style position:absolute to show it on top.
0

Featured Post

What Is Threat Intelligence?

Threat intelligence is often discussed, but rarely understood. Starting with a precise definition, along with clear business goals, is essential.

Join & Write a Comment

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
Envision that you are chipping away at another e-business site with a team of pundit developers and designers. Everything seems, by all accounts, to be going easily.
The viewer will learn how to count occurrences of each item in an array.
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

708 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

17 Experts available now in Live!

Get 1:1 Help Now