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!
-
Congratulations SkipVought on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
Layer onClick 1
- Thread starter iralh
- Start date
-
1
- #2
hi
here is an example:
cut-paste-play with it, ask if something's not working, gotta work in ie4+, nn4+, opera
~~~~~~~~~~
<html><head><title>show/hide a layer (div)</title>
<style>
<!--
#l3{
position:absolute;
left:100;
top:100;
height:100;
width:100;
bgColor:red;
layer-background-Color:red;
background-color:red;
visibility:visible;
visibility:show;
}
-->
</style>
<script>
<!--
//Netscape 4x
var NC=document.layers
function setVis(name){
var oobject
//ie 4+, may be opera, ..
if (document.all){ oobject=document.all[name].style;}
else if (NC){
oobject=document.layers[name];
}else if (document.getElementById){
{//ie5+, netscape6+, mozilla/gecko/
oobject=document.getElementById(name).style}
var v=oobject.visibility
//if it was hidden, there would be h letter first in visibility property
oobject.visibility=(v.toLowerCase().indexOf("h"
==0)?(NC?"show":"visible"NC?"hide":"hidden"
}
//-->
</script>
</head>
<body>
<form>
<input type=button value="show/hide" onclick="setVis('l3')">
</form>
<div id=l3>The layer (division, if you want)</div>
</body>
</html>
~~~~~~~~~~
also check this out:
may be some others..
this is pretty interesting:
Victor
here is an example:
cut-paste-play with it, ask if something's not working, gotta work in ie4+, nn4+, opera
~~~~~~~~~~
<html><head><title>show/hide a layer (div)</title>
<style>
<!--
#l3{
position:absolute;
left:100;
top:100;
height:100;
width:100;
bgColor:red;
layer-background-Color:red;
background-color:red;
visibility:visible;
visibility:show;
}
-->
</style>
<script>
<!--
//Netscape 4x
var NC=document.layers
function setVis(name){
var oobject
//ie 4+, may be opera, ..
if (document.all){ oobject=document.all[name].style;}
else if (NC){
oobject=document.layers[name];
}else if (document.getElementById){
{//ie5+, netscape6+, mozilla/gecko/
oobject=document.getElementById(name).style}
var v=oobject.visibility
//if it was hidden, there would be h letter first in visibility property
oobject.visibility=(v.toLowerCase().indexOf("h"
==0)?(NC?"show":"visible"NC?"hide":"hidden"}
//-->
</script>
</head>
<body>
<form>
<input type=button value="show/hide" onclick="setVis('l3')">
</form>
<div id=l3>The layer (division, if you want)</div>
</body>
</html>
~~~~~~~~~~
also check this out:
may be some others..
this is pretty interesting:
Victor
- Thread starter
- #3
Thanks Victor,
I think I see how it works.
I do get some errors (an excepted '}' in line 36, I added another ). Also, I cannot get the layer to appear or disappear. I tried changing the visibility property of the style and in the script but to no avail. Basically, I want to have users click on an image or button and display a layer.
Ira
I think I see how it works.
I do get some errors (an excepted '}' in line 36, I added another ). Also, I cannot get the layer to appear or disappear. I tried changing the visibility property of the style and in the script but to no avail. Basically, I want to have users click on an image or button and display a layer.
Ira
- Thread starter
- #5
- Status
Similar threads
