MediaWiki
Group-Grouse.js: Difference between revisions
From Grouse House Wiki
No edit summary |
No edit summary |
||
Line 125: | Line 125: | ||
/* Testing */ | /* Testing */ | ||
/ | (function( $ ) { | ||
$.fn.a11yExpandable = function() { | |||
return this.each(function() { | |||
var elem = $(this); | |||
var plugin = this; | |||
// set the ARIA state and relationship attributes | |||
elem.attr({ | |||
} | 'aria-expanded': 'false', | ||
'aria-controls': elem.attr('data-expandable') | |||
}); | |||
// find the element to expand by id | |||
var expandable = $('#'+elem.attr('data-expandable')).attr({ | |||
'aria-hidden': 'true', | |||
'class': 'expandable' | |||
}); | |||
// click handler | |||
elem.on('click', function() { | |||
// Cast the expanded state as a boolean | |||
var expanded = $(this).attr('aria-expanded') === 'false' ? false : true; | |||
// Switch the states of aria-expanded and aria-hidden | |||
elem.attr('aria-expanded', !expanded); | |||
expandable.attr('aria-hidden', expanded); | |||
}); | |||
}); | |||
}; | |||
}( jQuery )); | |||
$('[data-expandable]').a11yExpandable(); | |||
[data-expandable] | |||
. | |||
Revision as of 22:26, 18 February 2024
$(function() { $('h2.c-header.active span.mw-headline').each(function () { var $header = $(this); var $headername = $header.html(); $headernameu = $headername.split(' ').join('_'); $headernameu = $headernameu.replace("'", "\\'").replace("?", "\\?").replace("!", "\\!"); var $secondheader = "#" + $headernameu + "_2"; var $editsection = $( $secondheader ).next().children('a').attr("href"); $header.after('[Edit]'); $header.next().css( 'font-size', '0.6em').css( 'margin-left', '1em'); $("a[href*='" + $secondheader + "']").hide(); }); }); $(function() { $('h2.c-header.hidden span.mw-headline').each(function () { var $header = $(this); var $headername = $header.html(); $headernameu = $headername.split(' ').join('_'); $headernameu = $headernameu.replace("'", "\\'").replace("?", "\\?").replace("!", "\\!"); var $secondheader = "#" + $headernameu + "_2"; var $editsection = $( $secondheader ).next().children('a').attr("href"); $header.after('[Edit]'); $header.next().css( 'font-size', '0.6em').css( 'margin-left', '1em'); $("a[href='" + $secondheader + "']").hide(); }); }); $(function() { $('h2.h-static span.mw-headline').each(function () { var $header = $(this); var $headername = $header.html(); $headernameu = $headername.split(' ').join('_'); $headernameu = $headernameu.replace("'", "\\'").replace("?", "\\?").replace("!", "\\!"); var $secondheader = "#" + $headernameu + "_2"; var $editsection = $( $secondheader ).next().children('a').attr("href"); $header.after('[Edit]'); $header.next().css( 'font-size', '0.6em').css( 'margin-left', '1em'); var $pagename = $('h1#firstHeading').html(); $pagenameu = $pagename.split(' ').join('_'); $toclink = "https://grousehouse.wiki/" + $pagenameu + $secondheader; $("a[href*='" + $secondheader + "']").hide(); }); }); $(function() { $('h3.c-header.active span.mw-headline').each(function () { var $header = $(this); var $headername = $header.html(); $headernameu = $headername.split(' ').join('_'); $headernameu = $headernameu.replace("'", "\\'").replace("?", "\\?").replace("!", "\\!"); var $secondheader = "#" + $headernameu + "_2"; var $editsection = $( $secondheader ).next().children('a').attr("href"); $header.after('[Edit]'); $header.next().css( 'font-size', '0.6em').css( 'margin-left', '1em'); $("a[href*='" + $secondheader + "']").hide(); }); }); $(function() { $('h3.c-header.hidden span.mw-headline').each(function () { var $header = $(this); var $headername = $header.html(); $headernameu = $headername.split(' ').join('_'); $headernameu = $headernameu.replace("'", "\\'").replace("?", "\\?").replace("!", "\\!"); var $secondheader = "#" + $headernameu + "_2"; var $editsection = $( $secondheader ).next().children('a').attr("href"); $header.after('[Edit]'); $header.next().css( 'font-size', '0.6em').css( 'margin-left', '1em'); var $pagename = $('h1#firstHeading').html(); $pagenameu = $pagename.split(' ').join('_'); $toclink = "https://grousehouse.wiki/" + $pagenameu + $secondheader; $("a[href*='" + $secondheader + "']").hide(); }); }); $(function() { $('h3.h-static span.mw-headline').each(function () { var $header = $(this); var $headername = $header.html(); $headernameu = $headername.split(' ').join('_'); $headernameu = $headernameu.replace("'", "\\'").replace("?", "\\?").replace("!", "\\!"); var $secondheader = "#" + $headernameu + "_2"; var $editsection = $( $secondheader ).next().children('a').attr("href"); $header.after('[Edit]'); $header.next().css( 'font-size', '0.6em').css( 'margin-left', '1em'); var $pagename = $('h1#firstHeading').html(); $pagenameu = $pagename.split(' ').join('_'); $toclink = "https://grousehouse.wiki/" + $pagenameu + $secondheader; $("a[href*='" + $secondheader + "']").hide(); }); }); /* Testing */ (function( $ ) { $.fn.a11yExpandable = function() { return this.each(function() { var elem = $(this); var plugin = this; // set the ARIA state and relationship attributes elem.attr({ 'aria-expanded': 'false', 'aria-controls': elem.attr('data-expandable') }); // find the element to expand by id var expandable = $('#'+elem.attr('data-expandable')).attr({ 'aria-hidden': 'true', 'class': 'expandable' }); // click handler elem.on('click', function() { // Cast the expanded state as a boolean var expanded = $(this).attr('aria-expanded') === 'false' ? false : true; // Switch the states of aria-expanded and aria-hidden elem.attr('aria-expanded', !expanded); expandable.attr('aria-hidden', expanded); }); }); }; }( jQuery )); $('[data-expandable]').a11yExpandable();