MediaWiki:Common.js: Difference between revisions
MediaWiki interface page
(Created page with "→Any JavaScript here will be loaded for all users on every page load.: $(document).ready(function() { var getMax = function(){ return $(document).height() - $(...") |
No edit summary |
||
Line 2: | Line 2: | ||
$(document).ready(function() { | $(document).ready(function() { | ||
console.log("Test!"); | |||
var getMax = function(){ | var getMax = function(){ | ||
return $(document).height() - $(window).height(); | return $(document).height() - $(window).height(); |
Revision as of 23:47, 15 March 2019
/* Any JavaScript here will be loaded for all users on every page load. */
$(document).ready(function() {
console.log("Test!");
var getMax = function(){
return $(document).height() - $(window).height();
}
var getValue = function(){
return $(window).scrollTop();
}
if ('max' in document.createElement('progress')) {
// Browser supports progress element
var progressBar = $('progress');
// Set the Max attr for the first time
progressBar.attr({ max: getMax() });
$(document).on('scroll', function(){
// On scroll only Value attr needs to be calculated
progressBar.attr({ value: getValue() });
});
$(window).resize(function(){
// On resize, both Max/Value attr needs to be calculated
progressBar.attr({ max: getMax(), value: getValue() });
});
} else {
var progressBar = $('.progress-bar'),
max = getMax(),
value, width;
var getWidth = function() {
// Calculate width in percentage
value = getValue();
width = (value/max) * 100;
width = width + '%';
return width;
}
var setWidth = function(){
progressBar.css({ width: getWidth() });
}
$(document).on('scroll', setWidth);
$(window).on('resize', function(){
// Need to reset the Max attr
max = getMax();
setWidth();
});
}
});