To Whom it may concern,
I am currently inlining a series of DIVs from my main html file. All
Non-nested divs appear fine. In my Javascript I then set up a layer
positioning using these inlined divs from the HTML file. I setup a div
called middleLayer and then nest a div within it called homeLayer. The
middleLayer appears fine but the other layer seems to be hidden. Nothing in
the homeLayer shows up and all that it contains is text. F.Y.I. I set the
position to absolute in all my divs in the html file. Also all the layers
visibility properties are set to visible just for testing purposes using a
javascript function call which also setsup all the positioning of the
layers. Just to check I also set the middleLayer zindex to 1 and the
homeLayer to 2. I am aware that NS has always had an issuse with nesting
divs is this also an issue with DynAPI? I have just started using the
DynAPI and I am interested in what it has to offer in Cross browser platform
support with DHTML.
Thanks,
Kyle S. Bober
<<examp.html>>
<html>
<head><title>Example</title>
<script language="Javascript" src="../src/dynapi.js"></script>
<script language="Javascript">
DynAPI.setLibraryPath('../src/lib/');
DynAPI.include('dynapi.api.*');
DynAPI.include('dynapi.event.*')
DynAPI.include('dynapi.ext.inline.js')
</script>
<script language="Javascript">
DynAPI.onLoad=function()
{
//DynAPI.document.addChild(DynAPI.document.all["middleLayer"])
DynAPI.document.all["middleLayer"].addChild(DynAPI.document.all["homeLayer"]
)
DynAPI.document.all["middleLayer"].moveTo(300, 25)
DynAPI.document.all["middleLayer"].setSize(300, 300)
DynAPI.document.all["middleLayer"].setBgImage('images/middleback.gif')
DynAPI.document.all["homeLayer"].moveTo(25, 25)
DynAPI.document.all["homeLayer"].setSize(100, 100)
//DynAPI.document.all["homeLayer"].setBgColor('00CC99')
}
</script>
</head>
<body bgcolor="#5E4695">
<div id="middleLayer" style="position:absolute; clip:rect(0, 300, 300,
0)">
<img src="images/middleback.gif" width="360" height="300" border="0">
</div>
<div id="homeLayer" style="position:absolute; visibility:visible;
z-index:2;">
<p align="left">Stuff here Stuff here Stuff here Stuff here Stuff
here
Stuff here Stuff here Stuff here Stuff here Stuff here Stuff here
Stuff here
Stuff here Stuff here Stuff here Stuff here Stuff here Stuff here
Stuff here
</p>
</div>
</body>
</html>
Title: Example
Stuff here Stuff here Stuff here Stuff here Stuff here Stuff here Stuff here Stuff here Stuff here Stuff here Stuff here Stuff here Stuff here Stuff here Stuff here Stuff here Stuff here Stuff here Stuff here |
