MediaWiki:Common.js: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
/* Any JavaScript here will be loaded for all users on every page load. */ | /* Any JavaScript here will be loaded for all users on every page load. */ | ||
function cursormove(e){ | function cursormove(e){ | ||
var slider = document.getElementById('demoslider'); | var slider = document.getElementById('demoslider'); | ||
var cursor = document.getElementById('democursor'); | |||
var bounds = slider.getBoundingClientRect(); | var bounds = slider.getBoundingClientRect(); | ||
var x = e.clientX - bounds.left; | var x = e.clientX - bounds.left; | ||
if ( x > | var max = bounds.width - cursor.style.width; | ||
if ( x > max ) x = max; | |||
if (e.buttons != 0) { | if (e.buttons != 0) { | ||
cursor.style.left = Math.floor(x)+'px'; | cursor.style.left = Math.floor(x)+'px'; | ||
} | } |
Revision as of 20:13, 2 July 2023
/* Any JavaScript here will be loaded for all users on every page load. */
function cursormove(e){
var slider = document.getElementById('demoslider');
var cursor = document.getElementById('democursor');
var bounds = slider.getBoundingClientRect();
var x = e.clientX - bounds.left;
var max = bounds.width - cursor.style.width;
if ( x > max ) x = max;
if (e.buttons != 0) {
cursor.style.left = Math.floor(x)+'px';
}
}
function demoslider(){
var slider = document.getElementById('demoslider');
if(slider != null){
slider.onmousemove = cursormove;
}
}
function httpanim(){
var http = document.getElementById('demoHTTP');
http.innerHTML = 'POST';
http.style.top = 0;
http.style.left = 0;
http.style.display = 'flex';
var max = document.getElementById('demoHTTP').offsetWidth;
var cur = document.getElementById('demoHTTP').style.top;
if ( cur < max ) {
http.style.top = cur + 10;
setTimeout(httpanim,200);
}
else {
http.style.top = 0;
http.style.display = 'none';
}
}
function initanim(val){
var http = document.getElementById('demoHTTP');
var uart = document.getElementById('demoUART');
http.style.top = 0;
http.style.left = 0;
http.innerHTML = 'POST';
http.style.display = 'flex';
uart.style.top = 0;
uart.style.left = 0;
uart.innerHTML = val;
httpanim();
}
demoslider();