JS z-index change - obect expected

mwhite · Aug 17, 2003

Hi,

I am getting an "object expected" error on the button line in the following code (this is supposed to raise the z-index value of the "overlay" layer when the button is clicked. It doesn't work...):

<html>
<head>

<STYLE>
#base { position: absolute;left:200;top:0;z-index:1}
#course { position: absolute;left:200;top:0;z-index:0 }
</STYLE>

<div id="base">
<img src="baseimage.jpg" height=639 width=639>
</div>

<div id="course">
<img src="courseimage.jpg" height=639 width=639>
</div>

<script type="text/javascript">
function check(form)
{
if (course.checked)
{
if (document.layers)
document.layer.zIndex = 2;
else if (document.all)
document.all.layer.style.zIndex = 2;
else if (document.getElementById)
document.getElementById('layer').style.zIndex = 2;
}

</script>

</head>
<body>
<form NAME="viewoverlay"><input TYPE=CHECKBOX NAME="course" value="Course Area" >Course
Area
<br><input type="button" value="View" name="msw" onClick="check(this.form)"></form>
</body>
</html>

Any help?

Matt

LakshmiKiran · Aug 17, 2003

Hi,
You have not closed the function bracket...Check that..

mwhite · Aug 18, 2003

Thanks LakshmiKiran...

I fixed that and a couple of silly things I did, and the "object error" is gone, but the z-index change does not yet work. Here is the current code:

<html>
<head>
<STYLE>
#base { position: absolute;left:200;top:0;}
#course { position: absolute;left:200;top:0; }
</STYLE>

<div id="base" style="z-index:1">
<img src="image1.jpg" height=639 width=639>
</div>

<div id="course" style="z-index:0">
<img src="image2.jpg" height=639 width=639>
</div>

<script type="text/javascript">
function check()
{
if (course.checked)

{
if (document.layers)
document.course.zIndex = 2;
else if (document.all)
document.all.course.style.zIndex = 2;
else if (document.getElementById)
document.getElementById('course').style.zIndex = 2;
}
}

</script>

</head>
<body>
<form NAME="viewoverlay"><input TYPE=CHECKBOX NAME="course" value="Course Area" >Course
Area
<br><input type="button" value="View" name="msw" onClick="check()"></form>
</body>
</html>

Thanks for any insight...

Matt

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!

JS z-index change - obect expected

mwhite

Vendor

LakshmiKiran

Programmer

mwhite

Vendor

Similar threads

Part and Inventory Search

Sponsor