MediaWiki:Common.js: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 6: | Line 6: | ||
var bounds = slider.getBoundingClientRect(); | var bounds = slider.getBoundingClientRect(); | ||
var x = e.clientX - bounds.left; | var x = e.clientX - bounds.left; | ||
var max = bounds.width - cursor. | var max = bounds.width - cursor.offsetWidth; | ||
if ( x > max ) x = max; | if ( x > max ) x = max; | ||
if (e.buttons != 0) { | if (e.buttons != 0) { |
Revision as of 20:21, 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.offsetWidth;
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();