Layers issue in Netscape 4.x - tabs question

[Jeannie]

Can anyone help me adjust this code so that it works in Netscape 4.x?

I have am developing a website for a restaurant and the menu page has
menus for lunch and dinner. Two images work as tabs, so that when you
click on the lunch menu, only that menu is visible, and likewise, when
you click on the dinner tab, only the dinner menu is visible.

This code works like a charm on IE 5.5, but I don't know how to get a
workable solution on Netscape. I suspect it's not so hard, but I need
a little help.

Thanks!!

*************** *************** ************
<script language="javas cript" type="text/javascript">
var tabVisible = "tab1"

function showTab(newTab) {
newButton="b"+n ewTab;
oldButton="b"+t abVisible.subst r(3);
show(oldButton, oldButton+".gif ");
show(newButton, newButton+"_ove r.gif");
newTab="tab"+ne wTab;
document.getEle mentById(tabVis ible).style.vis ibility = "hidden";
document.getEle mentById(newTab ).style.visibil ity = "visible";
tabVisible = newTab;
}

function newImage(arg) {if (document.image s) {rslt = new Image();
rslt.src = arg; return rslt;}}

var preloadFlag = false;

function preloadImages() {if (document.image s) {
b1sel = newImage("image s/bt_menu_din.gif ");
b2sel = newImage("image s/bt_menu_lun.gif ");

b1off = newImage("image s/b1.gif");
preloadFlag = true;}}

function show(name,src)
{if (document.image s && (preloadFlag == true))
document.images[name].src = "images/" + src;}

</script>

[Lee]

Jeannie said:

Can anyone help me adjust this code so that it works in Netscape 4.x?

I have am developing a website for a restaurant and the menu page has
menus for lunch and dinner. Two images work as tabs, so that when you
click on the lunch menu, only that menu is visible, and likewise, when
you click on the dinner tab, only the dinner menu is visible.

This code works like a charm on IE 5.5, but I don't know how to get a
workable solution on Netscape. I suspect it's not so hard, but I need
a little help.

Thanks!!

************** *************** *************
<script language="javas cript" type="text/javascript">
var tabVisible = "tab1"

function showTab(newTab) {
newButton="b"+ newTab;
oldButton="b"+ tabVisible.subs tr(3);
show(oldButton ,oldButton+".gi f");
show(newButton ,newButton+"_ov er.gif");
newTab="tab"+n ewTab;
document.getEl ementById(tabVi sible).style.vi sibility = "hidden";
document.getEl ementById(newTa b).style.visibi lity = "visible";
tabVisible = newTab;
}

function newImage(arg) {if (document.image s) {rslt = new Image();
rslt.src = arg; return rslt;}}

var preloadFlag = false;

function preloadImages() {if (document.image s) {
b1sel = newImage("image s/bt_menu_din.gif ");
b2sel = newImage("image s/bt_menu_lun.gif ");

b1off = newImage("image s/b1.gif");
preloadFlag = true;}}

function show(name,src)
{if (document.image s && (preloadFlag == true))
document.image s[name].src = "images/" + src;}

</script>

The change to your Javascript code is to rewrite showTab()
as below. However, it still may not work, depending on
whether or not Netscape 4 sees not your page elements as
Layers.
function showTab(newTab) {
newButton="b"+n ewTab;
oldButton="b"+t abVisible.subst r(3);
show(oldButton, oldButton+".gif ");
show(newButton, newButton+"_ove r.gif");
newTab="tab"+ne wTab;
if(document.get ElementById){
document.getEle mentById(tabVis ible).style.vis ibility = "hidden";
document.getEle mentById(newTab ).style.visibil ity = "visible";
}else if(document.lay ers){
document.layers[tabVisible].visibility = "hidden";
document.layers[newTab].visibility = "visible";
}
tabVisible = newTab;
}

[Jeannie]

Thanks - I gave it a shot, but the menu tabs end up on the top of the
page, but the description of the menu items aren't visible. Not sure
what the fix would be, but thanks for your input!

Lee <RE************ **@cox.net> wrote in message news:<c5******* *@drn.newsguy.c om>...

Jeannie said:

Can anyone help me adjust this code so that it works in Netscape 4.x?

I have am developing a website for a restaurant and the menu page has
menus for lunch and dinner. Two images work as tabs, so that when you
click on the lunch menu, only that menu is visible, and likewise, when
you click on the dinner tab, only the dinner menu is visible.

This code works like a charm on IE 5.5, but I don't know how to get a
workable solution on Netscape. I suspect it's not so hard, but I need
a little help.

Thanks!!

************** *************** *************
<script language="javas cript" type="text/javascript">
var tabVisible = "tab1"

function showTab(newTab) {
newButton="b"+ newTab;
oldButton="b"+ tabVisible.subs tr(3);
show(oldButton ,oldButton+".gi f");
show(newButton ,newButton+"_ov er.gif");
newTab="tab"+n ewTab;
document.getEl ementById(tabVi sible).style.vi sibility = "hidden";
document.getEl ementById(newTa b).style.visibi lity = "visible";
tabVisible = newTab;
}

function newImage(arg) {if (document.image s) {rslt = new Image();
rslt.src = arg; return rslt;}}

var preloadFlag = false;

function preloadImages() {if (document.image s) {
b1sel = newImage("image s/bt_menu_din.gif ");
b2sel = newImage("image s/bt_menu_lun.gif ");

b1off = newImage("image s/b1.gif");
preloadFlag = true;}}

function show(name,src)
{if (document.image s && (preloadFlag == true))
document.image s[name].src = "images/" + src;}

</script>

The change to your Javascript code is to rewrite showTab()
as below. However, it still may not work, depending on
whether or not Netscape 4 sees not your page elements as
Layers.
function showTab(newTab) {
newButton="b"+n ewTab;
oldButton="b"+t abVisible.subst r(3);
show(oldButton, oldButton+".gif ");
show(newButton, newButton+"_ove r.gif");
newTab="tab"+ne wTab;
if(document.get ElementById){
document.getEle mentById(tabVis ible).style.vis ibility = "hidden";
document.getEle mentById(newTab ).style.visibil ity = "visible";
}else if(document.lay ers){
document.layers[tabVisible].visibility = "hidden";
document.layers[newTab].visibility = "visible";
}
tabVisible = newTab;
}

[Jeannie]

I am still in need of a solution, so if anyone knows how to make this
tabbed script work for IE4+, NS4+, NS6+, please drop me a line.
Thanks!!

bi*******@aol.c om (Jeannie) wrote in message news:<51******* *************** ****@posting.go ogle.com>...

Thanks - I gave it a shot, but the menu tabs end up on the top of the
page, but the description of the menu items aren't visible. Not sure
what the fix would be, but thanks for your input!

Lee <RE************ **@cox.net> wrote in message news:<c5******* *@drn.newsguy.c om>...

Jeannie said:

Can anyone help me adjust this code so that it works in Netscape 4.x?

I have am developing a website for a restaurant and the menu page has
menus for lunch and dinner. Two images work as tabs, so that when you
click on the lunch menu, only that menu is visible, and likewise, when
you click on the dinner tab, only the dinner menu is visible.

This code works like a charm on IE 5.5, but I don't know how to get a
workable solution on Netscape. I suspect it's not so hard, but I need
a little help.

Thanks!!

************** *************** *************
<script language="javas cript" type="text/javascript">
var tabVisible = "tab1"

function showTab(newTab) {
newButton="b"+ newTab;
oldButton="b"+ tabVisible.subs tr(3);
show(oldButton ,oldButton+".gi f");
show(newButton ,newButton+"_ov er.gif");
newTab="tab"+n ewTab;
document.getEl ementById(tabVi sible).style.vi sibility = "hidden";
document.getEl ementById(newTa b).style.visibi lity = "visible";
tabVisible = newTab;
}

function newImage(arg) {if (document.image s) {rslt = new Image();
rslt.src = arg; return rslt;}}

var preloadFlag = false;

function preloadImages() {if (document.image s) {
b1sel = newImage("image s/bt_menu_din.gif ");
b2sel = newImage("image s/bt_menu_lun.gif ");

b1off = newImage("image s/b1.gif");
preloadFlag = true;}}

function show(name,src)
{if (document.image s && (preloadFlag == true))
document.image s[name].src = "images/" + src;}

</script>

The change to your Javascript code is to rewrite showTab()
as below. However, it still may not work, depending on
whether or not Netscape 4 sees not your page elements as
Layers.
function showTab(newTab) {
newButton="b"+n ewTab;
oldButton="b"+t abVisible.subst r(3);
show(oldButton, oldButton+".gif ");
show(newButton, newButton+"_ove r.gif");
newTab="tab"+ne wTab;
if(document.get ElementById){
document.getEle mentById(tabVis ible).style.vis ibility = "hidden";
document.getEle mentById(newTab ).style.visibil ity = "visible";
}else if(document.lay ers){
document.layers[tabVisible].visibility = "hidden";
document.layers[newTab].visibility = "visible";
}

tabVisible = newTab;

}