MediaWiki:Common.js: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 16: | Line 16: | ||
if(slider != null){ | if(slider != null){ | ||
slider.onmousemove = cursormove; | slider.onmousemove = cursormove; | ||
} | } | ||
} | } |
Revision as of 19:51, 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 bounds = slider.getBoundingClientRect();
var x = e.clientX - bounds.left;
if (e.button==0) {
var cursor = document.getElementById('democursor');
cursor.style.left = x;
console.log(x);
}
}
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();