reub77
09-05-2002, 11:08 PM
CSS blues
I bought a wonderful book that makes css look like a breeze. I followed one of the examples in the book to get what I wanted and I can't get it to work. All I want is to have a layer that is hidden to become visible after the click of a button. Here's the code:
-The specs of the layer named loginWin
<style type="text/css">
#loginWin
{
position: absolute;
left: 150;
top: 100;
visibility: hidden;
width: 250;
height: 337;
}
</style>
<script language="javascript">
-browser checking to work in all DOMS
browser = navigator.appName;
browserNum = parseInt(navigator.appVersion);
if ((browser == "Netscape") && (browserNum < 5))
{
//Netscape 4.x
layerRef = "document.layers['";
endLayerRef = "']";
styleRef = "";
}
else if ((browser == "Netscape") && (browserNum >= 5))
{
//Netscape 6
layerRef = "document.getElementById('";
styleRef = ".style";
endLayerRef = "')";
}
else
{
//Internet Explorer
layerRef = "document.all['";
endLayerRef = "']";
styleRef = ".style";
}
function showLayer(layerName)
{
eval(layerRef + layerName + endLayerRef + styleRef + "visibility = 'visible'");
}
</script>
</head>
<BODY BGCOLOR=#c0bfbf topmargin="0" ONLOAD="preloadImages();">
-This is the actual layer
<!-- Beginning of Layers-->
<div id="loginWin">
---stuff---
</div>
<!-- End of layer -->
-This is a button that activates the above
<a href="java script:showLayer('loginWin');" onMouseOver="changeImages('login2', 'images/login2-over.jpg'); return true;" onMouseOut="changeImages('login2', 'images/login2.jpg'); return true;">
<img name="login2" src="images/login2.jpg" width=222 height=45 border="0">
</a>
Any ways something is wrong there. It's funny that I pretty well copied it from the book. So it's either a spelling mistake or something or a wrong use of code. The book is called "Essential CSS & DHTML fro Web Professionals" by Dan Livingston. I hope someone can help me. Thanks.
I bought a wonderful book that makes css look like a breeze. I followed one of the examples in the book to get what I wanted and I can't get it to work. All I want is to have a layer that is hidden to become visible after the click of a button. Here's the code:
-The specs of the layer named loginWin
<style type="text/css">
#loginWin
{
position: absolute;
left: 150;
top: 100;
visibility: hidden;
width: 250;
height: 337;
}
</style>
<script language="javascript">
-browser checking to work in all DOMS
browser = navigator.appName;
browserNum = parseInt(navigator.appVersion);
if ((browser == "Netscape") && (browserNum < 5))
{
//Netscape 4.x
layerRef = "document.layers['";
endLayerRef = "']";
styleRef = "";
}
else if ((browser == "Netscape") && (browserNum >= 5))
{
//Netscape 6
layerRef = "document.getElementById('";
styleRef = ".style";
endLayerRef = "')";
}
else
{
//Internet Explorer
layerRef = "document.all['";
endLayerRef = "']";
styleRef = ".style";
}
function showLayer(layerName)
{
eval(layerRef + layerName + endLayerRef + styleRef + "visibility = 'visible'");
}
</script>
</head>
<BODY BGCOLOR=#c0bfbf topmargin="0" ONLOAD="preloadImages();">
-This is the actual layer
<!-- Beginning of Layers-->
<div id="loginWin">
---stuff---
</div>
<!-- End of layer -->
-This is a button that activates the above
<a href="java script:showLayer('loginWin');" onMouseOver="changeImages('login2', 'images/login2-over.jpg'); return true;" onMouseOut="changeImages('login2', 'images/login2.jpg'); return true;">
<img name="login2" src="images/login2.jpg" width=222 height=45 border="0">
</a>
Any ways something is wrong there. It's funny that I pretty well copied it from the book. So it's either a spelling mistake or something or a wrong use of code. The book is called "Essential CSS & DHTML fro Web Professionals" by Dan Livingston. I hope someone can help me. Thanks.