experts, can someone help me with "layer" problem ?

JeroenB · Apr 13, 2001

Hi,
I have the following problem and I hope You can help me out
Take a look at the following page of my site;

http://bekaert_j.tripod.com/Main_I.html

It is possible to start the page with all the layers closed or all the layers opened, and this by changing the value "1" in onLoad="initPage(0, 'full display')".

Now, I want to do the following: I want to start the page with for instancce 1 layer open and 3 closed.

I know you can do this in IE by adding : style="display:none" in <div id="MenueREPLChild" class="child">

But my site also has to work within Netscape Nav.; So people told me I will have to solve this by using <layer>-tags ....

Is someone familiar with this kind of stuff and can show me concretely how to deal with this problem as I really am no expert in this matter and I need to get my deadline. I would really appreciate your help !

Thanks in advance
Jeroen
JeroenBekaert@hotmail.com

link9 · Apr 13, 2001

Just add this to the <div> tags ---

style="visibility: hidden"

or

style="visibility: visible"

to set your defaults when the page loads, and then you go ahead and manipulate them like you already are to do what you need to do.

Paul Prewett

JeroenB · Apr 13, 2001

this does not seem to work;
It has to work with IE as well as with Netscape Nav.

I don't know if I'm doing something wrong; could You change the page for me and send it to my email or put it somewhere online ?

Thanks in advance
with kind regards
JeroenB

link9 · Apr 14, 2001

Well, I got your page, but was unable to get it to do what you want it to do. It's built up a little differently than what I'm used to...

Development is my strong point, not design. I would suggest you put this thread over in the HTML forum, or even the Dreamweaver forum... they have good people over there, and I bet someone could get you going.

good luck!

Paul Prewett

DogFight · May 4, 2001

<HTML>
<title> Test</title>
<HEAD>
<Script language="Javascript">
// This code was created by Reuben Lawrence Owens
// Global variables
var isNav, isIE
var insideWindowWidth
var range = ""
var styleObj = ""
if (navigator.appVersion.charAt(0) >= "4&quot

{
if (navigator.appName == "Netscape&quot

{
isNav = true
insideWindowWidth = window.innerWidth

} else {
isIE = true
range = "all."
styleObj = ".style"
}
}
function getObj(obj) {
var theObj;
if (typeof obj == "string&quot

{
theObj = eval("document." + range + obj + styleObj);
} else {
theObj = obj;
}
return theObj
}
// Setting the visibility of an object to visible
function show(obj) {
var theObj = getObj(obj)
theObj.visibility = "visible"
}

// Setting the visibility of an object to hidden
function hide(obj) {
var theObj = getObj(obj)
theObj.visibility = "hidden"
}

// Cross Plateform Layer obj
function layer_setLayerTable(LayerTable){
this.LayerTable = LayerTable
}
function layer_setInnerLayer(InnerLayer){
this.InnerLayer = InnerLayer
}

function layer_writePrototype(doc){
var backgroundcolor = "";
var position = "";
var width = "";
var height = "";
var visibility = "";
var top = "";
var left="";

if (this.bgcolor != null) backgroundcolor = "background-color:"+this.bgcolor+";";
if (this.position != null) position = "position:"+this.position+";";
if (this.width != null) width = "width:"+this.width+";";
if (this.height != null) height = "height:"+this.height+";";
if (this.visibility != null) visibility = "visibility:"+this.visibility+";";
if (this.top != null) top = "top:"+this.top+";";
if (this.left != null) left = "left:"+this.left+";";

doc.write("<style type='text/css'>&quot

;
doc.write(this.name + " {"+position+" "+width+" "+height+" "+visibility+" "+top+" "+left+"}&quot

;
doc.write("</style>&quot

;
if (this.InnerLayer != null) this.InnerLayer.writePrototype(doc);
}

function layer_write(doc){
var backgroundcolor = "";
var position = "";
var width = "";
var height = "";
var visibility = "";
var top="";
var left="";

if (navigator.appVersion.charAt(0) >= "4&quot

{
if (navigator.appName == "Netscape&quot

this.browser = "Nav"
else this.browser = "IE"
}

if (this.browser == "IE&quot

{
if (this.bgcolor != null) backgroundcolor = "background-color:"+this.bgcolor+";";
if (this.position != null) position = "position:"+this.position+";";
if (this.width != null) width = "width:"+this.width+";";
if (this.height != null) height = "height:"+this.height+";";
if (this.visibility != null) visibility = "visibility:"+this.visibility+";";
if (this.top != null) top = "top:"+this.top+";";
if (this.left != null) left = "left:"+this.left+";";

doc.write("<div id='"+this.name + "' style= '" +position+" "+backgroundcolor+" "+width+" "+height+" "+visibility+" "+top+" "+left+"' >&quot

if (this.data != null) doc.write(this.data);
if (this.LayerTable != null) this.LayerTable.colorWrite(doc);
if (this.InnerLayer != null) this.InnerLayer.write(doc);

doc.write("</div>&quot

;

}
else {
if (this.bgcolor != null) backgroundcolor = "BGCOLOR='" + this.bgcolor + "'";
if (this.width != null) width = "width=" + this.width;
if (this.height != null) height = "height=" + this.height;
if (this.visibility != null) visibility = "visibility='" + this.visibility + "'";
if (this.top != null) top = "top = "+this.top;
if (this.left != null) left = "left = "+this.left;

doc.write("<layer name='" + this.name + "' " + width + " " + height + " " + backgroundcolor+" "+visibility+" "+top+" "+left+">&quot

;

if (this.data != null) doc.write(this.data);
if (this.LayerTable != null) this.LayerTable.colorWrite(doc);
if (this.InnerLayer != null) this.InnerLayer.write(doc);
doc.write("</layer>&quot

;
}
}

function layer(name){
this.browser = null
this.name=name
this.top=null
this.left=null
this.position = "absolute"
this.width = null
this.height = null
this.bgcolor = null
this.visibility = null
this.data = null
this.LayerTable = null
this.InnerLayer=null
this.setLayerTable = layer_setLayerTable
this.setInnerLayer = layer_setInnerLayer
this.write = layer_write
this.writePrototype = layer_writePrototype
}
</script>

<Script language="JavaScript">
Test1 = new layer("First&quot

;
Test1.left="0";
Test1.top="50";
Test1.width = "200";
Test1.height = "200";
Test1.bgcolor = "#008000";
Test1.visibility = "visible";
Test1.data = "This is the first Layer";
Test1.writePrototype(document);

Test2 = new layer("Second&quot

;
Test2.left="0";
Test2.top="50";
Test2.width = "200";
Test2.height = "200";
Test2.bgcolor = "White";
Test2.visibility = "hidden";
Test2.data = "This is the SECOND Layer";
Test2.writePrototype(document);

function Switch(){
var Obj1 = getObj("First&quot

;
var Obj2 = getObj("Second&quot

;

if (Obj1.visibility == "show" || Obj1.visibility == "visible&quot

{
hide(Obj1);
show(Obj2);
}
else {
hide(Obj2);
show(Obj1);
}
}

</Script>
</HEAD>

<BODY >
<FORM>
<INPUT TYPE="button" VALUE="Switch" onClick="Switch()" onDblClick="Switch()">
<Script language="Javascript">
Test1.write(document);
Test2.write(document);
</script>
</form>
</BODY>
</HTML>

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

experts, can someone help me with "layer" problem ?

JeroenB

Programmer

link9

Programmer

JeroenB

Programmer

link9

Programmer

DogFight

Programmer

Similar threads

Part and Inventory Search

Sponsor

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

experts, can someone help me with &quot;layer&quot; problem ?

JeroenB

Programmer

link9

Programmer

JeroenB

Programmer

link9

Programmer

DogFight

Programmer

Similar threads

Log in

Part and Inventory Search

Sponsor

experts, can someone help me with "layer" problem ?