<script type="text/javascript"> (function(){
var root = document.querySelector('.mw-slider[data-id="slider_29978"]'); var track = root.querySelector('.mw-slider-track'); var thumb = root.querySelector('.mw-slider-thumb'); var min = 0, max = 100, step = 1; var leftCol = '#6fc67f'; var rightCol = '#ddd';
function setValue(v){ v = Math.round(v / step) * step; v = Math.max(min, Math.min(max, v)); var pct = (v - min) / (max - min) * 100; thumb.style.left = pct + '%'; track.style.background = 'linear-gradient(to right, ' + leftCol + ' 0%, ' + leftCol + ' ' + pct + '%, ' + rightCol + ' ' + pct + '%, ' + rightCol + ' 100%)'; if (window.updateSliderVars) window.updateSliderVars('slider_29978', v); root.setAttribute('data-value', v); }
function posToValue(x){ var r = track.getBoundingClientRect(); return min + (max - min) * (x - r.left) / r.width; }
var dragging = false; thumb.addEventListener('mousedown', function(){ dragging = true; }); document.addEventListener('mouseup', function(){ dragging = false; }); document.addEventListener('mousemove', function(e){ if (!dragging) return; setValue(posToValue(e.clientX)); }); track.addEventListener('click', function(e){ setValue(posToValue(e.clientX)); });
setValue(50); })(); </script>