Forum Moderators: open
In my case my designers build alot of sites where the primary nav is images for the main categories, then we do dropdowns if
we need to expand.
Currently I'm just using the standard Macromedia solution, which in my opinion isnt all that great at all. I want as little extra code as possible. Any thoughts?
I do this using the following method:
Within the body of the document I have something like the following
<div id="htmlMenu">
Your HTML Anchor links here
</div>
<div id="javaMenu" style="visibility:hidden">
Your Javascript dependant menu system here
</div>
<script type="text/javascript">window.onload=function(){
document.getElementById("htmlMenu").style.visibility="hidden";
document.getElementById("javaMenu").style.visibility="visible";
}
</script>
If the user has Javascript disabled, they see the default html style menu. If javascript is enabled, the htmlMenu system is hidden, and the Javascript dependant menu system is presented.
Personally, I build every menu system from scratch as a tailor made method for the site in question. Each site has it's own hiararchical structure. Whenever I attempt to use one of the "standard" methods, I find some exception that causes it to be unsuitable for this particular example. Such as wanting some menu selections open prompts for data. I've always found the only way to get exactly what I want is to build it myself.
Suckerfish menu rules, works with most browsers, easy to impliment, my company uses it! I use it, my friends use it! It completly customizable and i have found this great as when i get a design to develop into a website i can get the whole entire site to look exatly like the design with no buggy menus!
...
This menu was made by CSS. But it's hard to use image in this menu.
This works fine on Mozilla, FireFox, etc., but not on Safari or IE.
On IE, the menu always pops up at the top of the page (i.e., setting the menu's x,y position in the document is useless), which is annoying. I currently get around this by refocusing on the menu, but this makes the cancel useless (since you've moved to the top of the document). I hope to fix it using MSFT's dynamic CSS. Does anyone have a better idea?
On Safari, the pulldown works as it does in IE, but clicking on any item does nothing. It's as if the local links in the page do not exist. If anyone knows what I need to do, PLEASE let me know.
Also, I don't have a JavaScript/DOM debugger for Safari. If anyone knows of a good one could you PLEASE point me in the right direction. The Apple developer site claims to have several, but I don't want to install, then uninstall, any useless packages. I had to rebuild an XP box to repair problems caused by one IE debugger. Alert is to painful and slow.