slider2.html

<head><title>slider2.html</title>
<script src=../window.js></script>
<script src=../examples.js></script>
</head>

<body>
<script>

inp1 = document.createElement("input")
inp1.setAttribute("type","text")
document.body.appendChild(inp1)

plus = document.createElement("span")
plus.innerHTML = " + "
document.body.appendChild(plus)

inp2 = document.createElement("input")
inp2.setAttribute("type","text")
document.body.appendChild(inp2)

is = document.createElement("span")
is.innerHTML = " = "
document.body.appendChild(is)

inp3 = document.createElement("input")
inp3.setAttribute("type","text")
document.body.appendChild(inp3)

function showSlider(s) {
    s.textField.value = s.getValue()
}
function sumSliders(s) {
    s.textField.value = s.getValue()
    inp3.value = s1.getValue() + s2.getValue()
}

s1 = new slider(200,1,100,1,"first slider")
s1.showAt(10,100)
s1.textField = inp1
s1.setMoveFunc(showSlider)
s1.setStopFunc(sumSliders)

s2 = new slider(300,0,10000,100 ,"second slider")
s2.showAt(310,100)
s2.vertical(true)
s2.textField = inp2
s2.setMoveFunc(showSlider)
s2.setStopFunc(sumSliders)

showSlider(s1)
showSlider(s2)

</script>
</body>