Behavior Question

  • Thread starter Thread starter Guest
  • Start date Start date
G

Guest

Is there a way to make the visibility of a layer dependent on whether an
Option Button is checked or not?
 
You mean when you click on the button the layer appears/disappears? Sure -
that would be the Change Property behavior.
 
Yes, that's what I'd like to do but it looks like I can only change the
property to visible or hidden which means it works with the first click but
then stays visible or hidden for any subsequent clicks. I don't see an
option to "toggle" the visibility property.
 
There is not such an option. If you want to toggle the visibility, it's
quite possible, but you'd have to create the custom javascript yourself, or
find a 3rd part script that will do that.
 
Thanks Murray, that's what I needed to know.

Murray said:
There is not such an option. If you want to toggle the visibility, it's
quite possible, but you'd have to create the custom javascript yourself, or
find a 3rd part script that will do that.
Click to expand...
 
Thanks. Custom js would be the way to go - you can apply it with an onClick
applied to the button....

Put this in the head of the page (shameless cribbed from a Dreamweaver
page) -
<script language="JavaScript">
<!--
var clicks=true;
function toggle(layer){
MM_showHideLayers(layer,'',cli­cks?'hide':'show'); clicks=!clicks;


}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++)
x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args))!=null)
{ v=args[i+2];
if (obj.style) { obj=obj.style;
v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>

and in the body, something like this -


<div id="yourlayer" style="position:absolute; left:100px; top:57px;
width:427px; height:46px; z-index:1">
whatever content</div>


<input type="radio" value="V1" checked name="R1"
onclick="toggle('yourlayer')" >
 
Option buttons are normally used in groups of 2 or more. You can set
one button to hide the layer(s) corresponding to the other button(s)
in the group.
The last layer opened will still remain open, however, unless you add
a button to the group to close all layers.
 
Thanks, that did it.

Ronx said:
Option buttons are normally used in groups of 2 or more. You can set
one button to hide the layer(s) corresponding to the other button(s)
in the group.
The last layer opened will still remain open, however, unless you add
a button to the group to close all layers.
Click to expand...
 
Back
Top