Показать сообщение отдельно
  #3 (permalink)  
Старый 26.04.2016, 18:02
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

Andreij45,
<!DOCTYPE html>
<html>
<head>
    <title>Untitled Page</title>
</head>
<style>
    .fx
    {   position: fixed;
        border:1px solid black;
        width:50px;
    }
</style>
<script>
    window.addEventListener("DOMContentLoaded", setFixPosition);
    window.addEventListener("resize", setFixPosition); 
    function setFixPosition() {
        var elem = document.querySelector(".fx"),
            html = document.documentElement;
        elem.style.left = html.clientWidth - 52 + "px";
        elem.style.top = html.clientHeight - 20 + "px";
    };
    document.addEventListener("DOMContentLoaded", function () {
        var inps = document.querySelectorAll("input");

        for (var i = 0; i < inps.length; i++) {
            inps[i].oninput = function () {
                var sum = 0;
                for (var j = 0; j < inps.length; j++) { sum += +inps[j].value; }
                document.querySelector("output").innerText = sum;
                document.querySelector(".fx").innerText = sum;
            };
        };
    });
</script>
<body>
    <form>
    <table>
    <tr><td>Параметр 1</td><td><input type="text" value="0"/></td></tr>
    <tr><td>Параметр 2</td><td><input type="text" value="0"/></td></tr>
    <tr><td>Параметр 3</td><td><input type="text" value="0"/></td></tr>
    <tr><td>Параметр 4</td><td><input type="text" value="0"/></td></tr>
    <tr><td>Параметр 5</td><td><input type="text" value="0"/></td></tr>
    <tr><td>Параметр 6</td><td><input type="text" value="0"/></td></tr>
    <tr><td>Параметр 7</td><td><input type="text" value="0"/></td></tr>
    <tr><td>Параметр 8</td><td><input type="text" value="0"/></td></tr>
    <tr><td>Параметр 9</td><td><input type="text" value="0"/></td></tr>
    <tr><td>Результат</td><td><output name="result"></output ></td></tr>
    </table>
    </form>
        <div class="fx">0
        </div>
</body>
</html>
Ответить с цитированием