hide a layer

The Target show/hide layer action is great for showing content, but once the layer is visible, it would be nice if the visitor could click on an item on the layer (such as a close icon) to hide the layer. I’m not sure how to do this.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Add the Rollover Action to a graphic (or inline as a bit of text) inside the now-visible layer. Set the Action to target the element you have added it to, and to toggle the item off again. This is generally fool-proof, since the user can only click the button when it is visible, and it’s only visible if the layer it is on is as well.

Walter

On Jun 13, 2014, at 11:43 AM, Trey Yancy wrote:

The Target show/hide layer action is great for showing content, but once the layer is visible, it would be nice if the visitor could click on an item on the layer (such as a close icon) to hide the layer. I’m not sure how to do this.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks, Walter.

I’ve been chasing another item: When I mouse out of the button that reveals the layer, it triggers the reveal. I need the script to allow the rollover to execute on mouseOut but not trigger the layer reveal.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I have another odd situation - The button I am using to trigger the reveal has three states: normal / over / click. The button states work as usual, but the click does not trigger the reveal. I click and the button’s gray state is displayed as expected, but then I have to click a second time on the button to trigger the reveal.

If I have the button set to none for click, the gray state is ignored, but the reveal works with the one click.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

If I have the button set to none for click, the gray state is ignored, but the reveal works with the one click.

A link?

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks for your reply.

A rollover button on the page reveals the hidden layer (in this case, a streaming video to reinforce the content of a page from a training website). This works fine, except the click in the rollover is conflicting with the click in the parameters. If the click rollover (gray image and text) works, I have to click a second time to trigger the reveal. If I set it otherwise, it only takes one click but the click rollover (gray image and text) doesn’t show up.

I am also trying to hide the layer by clicking on a button on the layer. Having a tough time getting this to work. I tried targeting the parent, etc., and lots of variations.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

This works fine, except the click in the rollover is conflicting with the click in the parameters. If the click rollover (gray image and text) works, I have to click a second time to trigger the reveal. If I set it otherwise, it only takes one click but the click rollover (gray image and text) doesn’t show up.

And what are you experiencing with iOS where there are no rollovers/hover states?

A link to what you are working on would really help us envisage your use case.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

http://ohair.com/_tests/_targettest.html

I see that in the browser the click state works correctly, but I still need to figure out take the “X” graphic object in the target layer and add an action to that object to hide the parent layer.

(I come from a background of knocking out scripts for this kind of thing, but for ths project I need to use an action.)

-Thanks


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

http://www.deltadesign.co/fw_examples/fwactions/targetsh-with-cl.html

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks, Dave.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

One issue remains: The button continues to function when the target layer is visible. If the target layer is playing a video and someone presses the button, the video will continue to play, while invisible.

The down-and-dirty solution I came up with is to stretch the layer to cover the button transparently. It works in this situation but is not ideal. If this were hand-coded I could set a boolean that could cause the state of visibility of the target layer to enable / disable the button. I’m not sure how to do this in FW. It’s academic at the moment, but I wonder if there is a solution for this.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

The button continues to function when the target layer is visible. If the target layer is playing a video and someone presses the button, the video will continue to play

Sure - because the button only toggles display:none - it doesn’t interact with the Video at all.

Now if you want it to do both ie stop the video and hide the layer that is a whole new ball game.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Now if you want it to do both ie stop the video and hide the layer that is a whole new ball game.

Besides - that wasn’t in your original brief.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I am waiting on Wistia’s tech support team to see if they can provide some code that I can attach to my close button.

The updated test page can be viewed here (with junk video with bars / for testing only - complete with my colleague’s Alabama accent):

http://ohair.com/_test/_TestTrainingSite/Greg/_targettest.html


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options