Deep-link
From Frontal Wiki
Contents |
Purpose
This style causes certain events (like reaching a video cuepoint or selecting a managed element) to change the browser's address. It also causes changes in the browser's address to cause those events to occur.
Value
The deep-link style accepts values "path", "query" and "none". The default value is "none".
deep-link: query;
Remarks
See the section Deep Linking for an in depth discussion of this style and deep linking in general.
Also see video#Deep Linking for a discussion of deep linking with video.
Example
Click the color names to change the selected 'div'. Notice how the browser's address bar changes as you do. Then use the browser's previous and next buttons to move backwards and forwards through your selections. Refresh the page to see how the example initializes at the last selected color.
<style><![CDATA[ div { width: 300px; height: 300px; } text { font-family: Swift LTD Std; font-size: 20px; } manager { hide-unselected: true; deep-link: query; } ]]></style> <include rel="assets" blocking="true" src="assets.swf" fontClasses="SwiftLTStd, SwiftLTStdBold, SwiftLTStdItalic" /> <div> <manager id="mgr" /> <div style="background-color: lightblue;" /> <div style="background-color: lightgreen;" /> <div style="background-color: orangered;" /> <div style="background-color: red;" /> </div> <text class="frMarker" mgrId="mgr" elemNdx="1"><![CDATA[light blue]]></text> <text class="frMarker" mgrId="mgr" elemNdx="2"><![CDATA[light green]]></text> <text class="frMarker" mgrId="mgr" elemNdx="3"><![CDATA[orange red]]></text> <text class="frMarker" mgrId="mgr" elemNdx="4"><![CDATA[red]]></text>
Can Be Applied To
This style can be applied to: