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>