Assign anchor to markup item

I have a site with an inline page design having a header followed by alternating paired items made up of a markup item (an HTML5 animation) with a HTML text box below. This pair is repeated several times on a page.

Is there any way to put an invisible anchor in the markup item? I’ve tried several approaches without success. I thought I could have a div containing two other divs - one with non-displaying text for the anchor and the other div containing the code for the animation. I’ve tried a lot of things (such as inserting # into the div id, inserting a div with non-displaying text, etc.) but I end up with blank space above or to the left or the div name screws up the link for the animation.)

Example of existing div code before adding the anchor (using • for carets):

•div id=“aboutusmobileanimation_hype_container” style=“margin-top:0px;margin-bottom:-15px;margin-right:auto;margin-left;position:relative;width:100%;height:290px;overflow:hidden;” aria-live=“polite”•
•script type=“text/javascript” charset=“utf-8” src=“AboutUsMobileAnimation.hyperesources/aboutusmobileanimation_hype_generated_script.js?33747”• •/script•
/div

Thanks.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

Oops I forgot the close div carets. This should end with •/div•.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

Here’s an example without the anchors:

(I’m aware of the load time issue)

http://mobile.lightbenders.com


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

Any object on the page that has an id assigned to it is already an anchor target. If you make a link from an image or text, and use the External tab of the Hyperlink dialog, you can enter #the_id_of_the_object as the url.

The leading octothorpe is the key to making this work. So you don’t need to insert an anchor point in the page if you want to link down to one of your Hype animations.

If you want to link down to an element you made natively in Freeway, then the id is in the Name/ID inspector field when that item is selected. The only thing this trick doesn’t get you is the anchor showing up in the link picker in Freeway.

Walter

On May 16, 2016, at 2:09 PM, Trey Yancy email@hidden wrote:

Here’s an example without the anchors:

(I’m aware of the load time issue)

http://mobile.lightbenders.com


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

The FW anchor field only lists items for which text has been selected and the anchor applied via the menu. I assume that I would need to create an external? If so can it be relative?

EG:

For the div id ”aboutusmobileanimation_hype_container” I would need to enter:

/(pagename)/#aboutusmobileanimation_hype_container

?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

Here’s a page using that container:

https://mobile.lightbenders.com/info.html

If I enter the following, I get a 404:

https://mobile.lightbenders.com/info.html/#aboutusmobileanimation_hype_container/


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

No / before the # (or after the div name)

ie https://mobile.lightbenders.com/info.html#aboutusmobileanimation_hype_container

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

you continue to rool.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options