menu check please

S

Steve Easton

What do you want checked??
The menu contains links that default
back to the same page.
 
A

Anthony Ritter

Steve Easton wrote in message:
What do you want checked??
The menu contains links that default
back to the same page.
Click to expand...
................

How does the page look - or rendered - in others people's browser versions
like IE 6, Mozilla, NN, Firebird, and OS versions etc...?

And, does the mouseover with the sub-categories work?

That is why I included the screenshot URL since it works with IE 5.5 and MS
Win 98.

Thank you.
TR
 
A

Anthony Ritter

Thanks Jon.

Looks fine in IE 5.5 / Win 98 on PC.

How does it look in Mozilla or other broswers?

Trying to figure out the javascript function - was that a homemade function?

Please advise on tutorial if you get chance.
TR
 
J

Jon Spivey

works in Firebird, NN7, NN4 and just about anything else :) Yes I wrote
this function a while ago it can power any kind of dropdown/flyout menu. For
example here's another menu built with the same script
http://fp.roksteady.net/menu/finished/home.htm

The key is using a small function (getDiv()) to return a cross browser
reference to a div. document.all('div) for IE4
document.getElementById('div') for ie5+ and other modern browsers and
document.layers['div'] for NN4. This is a good site to learn about dom type
stuff
http://www.quirksmode.org/
 
C

Chet

message | Using PC / MS Win 98 / IE 5.5 / MS FP 2000
|
| the .html:
|
| www.gonefishingguideservice.com/test_menu.htm
|
| ... and a screenshot using:
| PC / MS Win 98 / IE 5.5
|
| www.gonefishingguideservice.com/test_menu_screenshot.htm
|
| Thank you.
| TR

Looks fine in IE 6.0.2800.1106 SP1 but...

In Opera 7.11 it breaks slightly. In Mozilla 1.4 and Netscape 7.1
it breaks slightly but brings up an alert window when you move
the cursor over the links or the sub-categories. And of course it
breaks in Netscape 4.61.

I posted screens shots of IE, Opera, Mozilla and NN4.61 here:
http://webpages.charter.net/rwtest/captures/ritter.htm

hth
 
A

Anthony Ritter

Jon Spivey wrote in message:
The key is using a small function (getDiv()) to return a cross browser
reference to a div. document.all('div) for IE4
document.getElementById('div') for ie5+ and other modern browsers and
document.layers['div'] for NN4. This is a good site to learn about dom type
stuff
http://www.quirksmode.org/
Click to expand...


<script type="text/javascript">
function getDiv(n, d) {
var p,i,x; if(!d) d=document;
if(!(x=d[n])&&d.all) x=d.all[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
x=getDiv(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById(n); return x;}

function doMenu(a){
var d=document;if(d.menuOpen){var i = document.menuOpen;
if ((b=getDiv('div'+i))!=null) {s =
(document.layers)?b:b.style;s.visibility=(document.layers)?'hide':'hidden';}
c=getDiv('closer');c=(document.layers)?c:c.style;c.visibility=(document.laye
rs)?'hide':'hidden';
document.menuOpen = false;}
if(a){if ((b=getDiv('div'+a))!=null) {s =
(document.layers)?b:b.style;s.visibility=(document.layers)?'show':'visible';
}
c=getDiv('closer');c=(document.layers)?c:c.style;
c.visibility=(document.layers)?'show':'visible';document.menuOpen = a;}}
</script>
</head>
...................

Jon,
If you get a chance, could you comment your code and post as a URL for a
tutorial - I'd like to understand how it works and I am getting lost.

Thank you for your help.
TR
 
Top