2021-03-02 03:09:34 +00:00
<!-- <?php//for docblock, @see MCI_Footnotes_Template::process_template()
/**
* Yields the reference container start and end including the scroll script.
*
2021-03-18 10:53:57 +00:00
* @since unknown
2021-03-02 03:09:34 +00:00
* @type object
*
* - Bugfix: Reference container: restore expand/collapse button in the template, thanks to @ragonesi bug report.
*
* @since 2.0.2
*
* @reporter @ragonesi
* @link https://wordpress.org/support/topic/hyperlink-symbol-in-reference-container/#post-13587782
*
* The expand/collapse button was lost @since 2.0.0 for an unknown reason.
* The fix was about restoring the button code (only, while the script remained complete).
2021-03-18 10:53:57 +00:00
*
* - Bugfix: Reference container: apply web semantics to improve readability for assistive technologies, thanks to @derivationfr issue report and code contribution.
*
2021-03-19 23:58:23 +00:00
* @since 2.5.11
2021-03-18 10:53:57 +00:00
*
* @contributor @derivationfr
* @link https://wordpress.org/support/topic/enhance-accesibility-by-using-instead-of/
* @link https://a11y-101.com/development/tables
*
* For assistive technologies to improve accessibility by reading tables in a meaningful manner,
* the tables must be marked up properly using table header elements for header rows and header
* columns as applicable.
* The table caption must also be present for screen readers but may be hidden to sighted users.
2021-03-02 03:09:34 +00:00
*/?>
-->
< div
class="speaker-mute footnotes_reference_container"
>
< div
class="footnote_container_prepare"
>< [[element]]
>< span
2021-03-18 10:53:57 +00:00
role="button"
tabindex="0"
2021-03-02 03:09:34 +00:00
class="footnote_reference_container_label pointer"
onclick="footnote_expand_collapse_reference_container_[[post_id]]_[[container_id]]();"
>[[name]]< /span
>< span
2021-03-18 18:00:42 +00:00
role="button"
tabindex="0"
2021-03-02 03:09:34 +00:00
class="footnote_reference_container_collapse_button"
style="[[button-style]]"
onclick="footnote_expand_collapse_reference_container_[[post_id]]_[[container_id]]();"
>[< a
id="footnote_reference_container_collapse_button_[[post_id]]_[[container_id]]"
>+< /a
>]< /span
>< /[[element]]
>< /div
>
< div
id="footnote_references_container_[[post_id]]_[[container_id]]"
style="[[style]]"
2021-03-18 10:53:57 +00:00
>< table
2021-03-02 03:09:34 +00:00
class="footnotes_table footnote-reference-container"
2021-03-18 10:53:57 +00:00
>< caption
class="accessibility"
>[[caption]]< /caption
>
2021-03-02 03:09:34 +00:00
< tbody >
[[content]]
< / tbody >
< / table >
< / div >
< / div >
< script type = "text/javascript" >
function footnote_expand_reference_container_[[post_id]]_[[container_id]]() {
jQuery('#footnote_references_container_[[post_id]]_[[container_id]]').show();
jQuery('#footnote_reference_container_collapse_button_[[post_id]]_[[container_id]]').text('− ');
}
function footnote_collapse_reference_container_[[post_id]]_[[container_id]]() {
jQuery('#footnote_references_container_[[post_id]]_[[container_id]]').hide();
jQuery('#footnote_reference_container_collapse_button_[[post_id]]_[[container_id]]').text('+');
}
function footnote_expand_collapse_reference_container_[[post_id]]_[[container_id]]() {
if (jQuery('#footnote_references_container_[[post_id]]_[[container_id]]').is(':hidden')) {
footnote_expand_reference_container_[[post_id]]_[[container_id]]();
} else {
footnote_collapse_reference_container_[[post_id]]_[[container_id]]();
}
}
2021-03-20 20:48:54 +00:00
function footnote_moveToReference_[[post_id]]_[[container_id]](p_str_TargetID) {
footnote_expand_reference_container_[[post_id]]_[[container_id]]();
var l_obj_Target = jQuery('#' + p_str_TargetID);
if (l_obj_Target.length) {
jQuery( 'html, body' ).delay( [[scroll-down-delay]] );
jQuery('html, body').animate({
scrollTop: l_obj_Target.offset().top - window.innerHeight * [[scroll-offset]]
},
[[scroll-down-duration]]);
}
}
2021-03-02 03:09:34 +00:00
function footnote_moveToAnchor_[[post_id]]_[[container_id]](p_str_TargetID) {
footnote_expand_reference_container_[[post_id]]_[[container_id]]();
var l_obj_Target = jQuery('#' + p_str_TargetID);
if (l_obj_Target.length) {
2021-03-20 20:48:54 +00:00
jQuery( 'html, body' ).delay( [[scroll-up-delay]] );
2021-03-02 03:09:34 +00:00
jQuery('html, body').animate({
scrollTop: l_obj_Target.offset().top - window.innerHeight * [[scroll-offset]]
},
2021-03-20 20:48:54 +00:00
[[scroll-up-duration]]);
2021-03-02 03:09:34 +00:00
}
}
< / script >