Markup items as target show/hide

I have a page with one markup item that comtains the embed code for a Vimeo video. This is set as initially hidden, restore toggle, ID #1. A graphic is set as the Rollover action click trigger, and it works perfectly.

I have ANOTHER page with two different markup items, each with different Vimeo video code. Both are set as initially hidden and restore toggle. One is ID #1, the other ID #2. I have two different Rollover action click triggers, one each for IDs #1 and #2.
BUT when I have both markup items on the page the whole thing doesn’t work: rollover clicks don’t happen at all. If I remove one of the markup items the other one works.

Can I have two Vimeo video items on one page, each shown only on demand?

k


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

Can you post a cut-down page that shows the problem? I have a hunch this may have something to do with how the Action hides the layer. If it sets visibility:hidden rather than display:none, then the invisible layer will still block clicks, like trying to pick something up beneath the glass coffee table. If this isn’t the case, then there may be some other more subtle interaction between the Vimeo code and the Action code.

Walter

On Dec 16, 2011, at 11:20 AM, thatkeith wrote:

Can I have two Vimeo video items on one page, each shown only on demand?


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

Sure - unfinished design, yadda yadda:
http://www.thanemagazine.com/test/skatesafe.html

The markup items should appear on top of the scrolling text boxes. They’re 720x405 pixels, so they’re well clear of the buttons towards the lower-right of the layout.

(Excuse the restrictive layout, this is an approximation of a 1024x768px iPad magazine page.)

k


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

The markup item divs are called “video1” and “video2”.


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

You’re getting the same origin policy error. Check to be sure that you do not have the Find Frames set to anything besides _self in any of the Actions. Here’s what the error message reads:

Unsafe JavaScript attempt to access frame with URL http://player.vimeo.com/set_cookie from frame with URL http://www.thanemagazine.com/test/skatesafe.html#
. Domains, protocols and ports must match.

Unsafe JavaScript attempt to access frame with URL http://player.vimeo.com/video/31099938?portrait=0&color=ffffff from frame with URL http://www.thanemagazine.com/test/skatesafe.html#
. Domains, protocols and ports must match.

Unsafe JavaScript attempt to access frame with URL http://player.vimeo.com/set_cookie from frame with URL http://www.thanemagazine.com/test/skatesafe.html#
. Domains, protocols and ports must match.

Unsafe JavaScript attempt to access frame with URL http://player.vimeo.com/video/31100471?portrait=0&color=ffffff from frame with URL http://www.thanemagazine.com/test/skatesafe.html#. Domains, protocols and ports must match.

Walter

On Dec 16, 2011, at 11:53 AM, thatkeith wrote:

Sure - unfinished design, yadda yadda:


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

Err…
The actions used are Target Show/Hide Layer, and Rollover. There’s no UI to do anything with frames. And when I do the same page with just one markup item it works jus’ fine.

k


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

Okay, my workaround for the moment will be to duplicate the page and have one video on each. Pretty clunky and highly inelegant - so I hope this can be just temporary! :slight_smile:

k


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

In the Rollover Action, click on the Parameters tab, and you should see a picker labeled Find Targets. It defaults to top, change it to read this and see if your problems go away. This is the thing that triggers the out-of-frame request.

Walter

On Dec 16, 2011, at 12:22 PM, thatkeith wrote:

Err…
The actions used are Target Show/Hide Layer, and Rollover. There’s no UI to do anything with frames. And when I do the same page with just one markup item it works jus’ fine.

k


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

Nope - the options are Top, Parent, and This… not “_self”.
Regardless of which one I pick the result is the same: if two target show/hide layer objects are on the page, nothing happens. If just one is, it works properly. Of course if I do this with simple HTML objects rather than Vimeo-code markup items it behaves fine.

k


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