Last change
on this file since 37161 was 34841, checked in by davidb, 3 years ago |
Some notes on how to use this extension in a collection/interface
|
File size:
1.3 KB
|
Rev | Line | |
---|
[34841] | 1 | # Add into a header block:
|
---|
| 2 |
|
---|
| 3 | <!-- Bespoke jquery-ui extension for turnstyle open/close blocks -->
|
---|
| 4 | <gsf:style src="ext/jquery-ui-extra/turnstyle-block.css"/>
|
---|
| 5 | <gsf:script src="ext/jquery-ui-extra/turnstyle-block.js"/>
|
---|
| 6 |
|
---|
| 7 | # For example, in your collectionConfig.xml, in the format-block for <display>
|
---|
| 8 | # if using turnstyles on the document page
|
---|
| 9 | #
|
---|
| 10 | # If using, for example, on the About page, then adding the lines into
|
---|
| 11 | # the appropriate 'additionalHeader' template rule in header.xsl
|
---|
| 12 | # would be the way to go
|
---|
| 13 |
|
---|
| 14 | <display>
|
---|
| 15 | <format>
|
---|
| 16 | <!-- .... -->
|
---|
| 17 |
|
---|
| 18 | <xsl:template name="additionalHeaderContent">
|
---|
| 19 | <gsf:style src="ext/jquery-ui-extra/turnstyle-block.css"/>
|
---|
| 20 | <gsf:script src="ext/jquery-ui-extra/turnstyle-block.js"/>
|
---|
| 21 | </xsl:template>
|
---|
| 22 |
|
---|
| 23 | </format>
|
---|
| 24 | </display
|
---|
| 25 |
|
---|
| 26 |
|
---|
| 27 | # An example of an HTML using the turnstyle feature is:
|
---|
| 28 |
|
---|
| 29 | <div id="myblock-turnstyle">
|
---|
| 30 | <div style="background-image: none; background-color: rgb(80%,80%,20%);">
|
---|
| 31 | My Block: Heading
|
---|
| 32 | </div>
|
---|
| 33 |
|
---|
| 34 | <div class="documenttext" style="display: none;">
|
---|
| 35 | <p>
|
---|
| 36 | Sample text ...
|
---|
| 37 | </p>
|
---|
| 38 | </div>
|
---|
| 39 | </div>
|
---|
| 40 |
|
---|
| 41 | <script>
|
---|
| 42 | <xsl:text disable-output-escaping="yes">
|
---|
| 43 | $(function(){
|
---|
| 44 | transformToTurnstyleBlock("myblock");
|
---|
| 45 | });
|
---|
| 46 | </xsl:text>
|
---|
| 47 | </script>
|
---|
| 48 |
|
---|
Note:
See
TracBrowser
for help on using the repository browser.