dom-drag.js vari dabūt šeit: http://www.youngpup.net/_projectDirectorie...rag/dom-drag.js
Pielabo tikai, lai pozicionēšanās notiek automātiski (piemēram ar speciālu JS funkciju, kas visu nopozicionēs pati) un tad jau ir ok.
<html><head>
<style>
#left { position: absolute; width: 30px; top: 50px; left: 65px; }
#right { position: absolute; width: 30px; top: 50px; left: 210px; }
#line { position: absolute; width: 100px; top: 60px; left: 100px; height: 1px; background-color: black; }
#slider { position: absolute; width: 5px; height: 20px; background-color: black; border: 1px black outset; }
</style>
<script src="dom-drag.js" type="text/javascript"></script>
<script>
var SUMMA = 1000;
function init() {
var slider = document.getElementById("slider");
// 100 ir min koordināte, 200 ir max koordināte pa X asi
// 50 un 50 ir min, max par Y asi
Drag.init(slider, null, 100, 200, 50, 50);
slider.onDrag = function(x, y) {
// -100 ir pa min pa X asi jāatņem, 200 ir max pa X asi
// dalīt ar 100 vajag, jo līnijas garums ir 100, (max-min)
document.getElementById("left").innerHTML = SUMMA*(x-100)/100;
document.getElementById("right").innerHTML = SUMMA*(200-x)/100;
}
}
</script></head>
<body onload="init();">
<div id="left">0</div>
<div id="right">1000</div>
<div id="line"></div>
<div id="slider" style="left:100px; top:50px;"></div>
</body></html>