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();
