menu check please

[Anthony Ritter]

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

 

[Steve Easton]

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

 

[Anthony Ritter]

Steve Easton wrote in message:

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

................

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

 

[Steve Easton]

Ah, OK.
Works / looks fine in 2K PRO and IE 6

 

[Jon Spivey]

Hi,
because of the script it will only work in IE (document.all) is IE only
modern browsers use getElementById and NN4 document.layers. Also the layout
is off in NN7 . See how this works
http://fp.roksteady.net/eagle/

 

[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

 

[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/

 

[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

 

[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/

<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

 

[Andrew Murray]

seems to work as per your screenshot.