Форум

Sigizmund2012 · #21 (**permalink**) 01.09.2016, 20:39

Мда ребята, таким как вы минификаторы кода не нужны, вы и сами справляетесь

Сами через неделю нихера не поймёте, что эти a, b, с и d значат.

рони · #22 (**permalink**) 01.09.2016, 20:52

Manyasha,

Manyasha · #23 (**permalink**) 01.09.2016, 23:36

Sigizmund2012,
а нам и не надо

А автору, если он захочет переименовать функции более понятно, придется разобраться, что они делают (название-то суть должно отражать). Глядишь и запомнит что-нибудь полезное))

UJKJDF · #24 (**permalink**) 02.09.2016, 16:43

Спасибо проверю!
вопрос как написать сообщение чтобы появилась кнопка посмотреть?
скриптам только учась в свободное время
вот решил написать, но первоначальный вариант был слишком длинный и куча переменных к каждому вводимому значению
что получиться позже скину.

рони · #25 (**permalink**) 02.09.2016, 16:46

UJKJDF,

[HTML run height=300][/HTML]

Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:

[js]
... ваш код...
[/js]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

UJKJDF · #26 (**permalink**) 02.09.2016, 17:15

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title> ДОСТАВКА</title>
<script type="text/javascript">
window.addEventListener("DOMContentLoaded", function() {
    function c() {
        var d = a.reduce(function(b, a, i) {
            return  i ? b + a : 0
        }, 0);
        a.forEach(function(k, c) {
            if(!c||!d) return;
            var koef = document.querySelectorAll("[name='disc']")[1].checked ? 1.18 : 1
           // var itog = document.querySelectorAll("[name='disc']")[1].checked ? 1 : 1.18
            var e = 100 * k / d,
                h = (a[0] * e / 100  + k)/koef,
               // itogi = (a[0] * e / 100  + k)*itog,
                g = f[c].cells;
            g[2].innerHTML = e.toFixed(0) + "%";
            g[3].innerHTML = h.toFixed(4)
             //g[4].innerHTML = itogi.toFixed(2)
        })
    }
    var f = document.querySelectorAll("tbody tr"),
        a = [];
    [].forEach.call(f, function(d, b) {
        a[b] = 0;
        d.querySelector("input").addEventListener("input", function() {
            a[b] = +this.value.replace(",", ".") || 0;
            c()
        })
    })
    var disc = document.querySelectorAll("[name='disc']");
    [].forEach.call(disc, function(el) {
        el.addEventListener("click", c)
    })
});

function addRow(id){
    var tbody = document.getElementById(id).getElementsByTagName("TBODY")[0];
    var row = document.createElement("TR")
    var td1 = document.createElement("TD")
    td1.appendChild(document.createTextNode("Цена ="))
    var td2 = document.createElement("TD")
    var td3 = document.createElement("TD")
    var td4 = document.createElement("TD")
    row.appendChild(td1);
    row.appendChild(td2);
    row.appendChild(td3);
    row.appendChild(td4);
    tbody.appendChild(row);
  }
</script>
</head>
<body>
Распределение доставки по позициям <br>

<table summary="" border="1" bordercolor="red" style="color:red;font-size:20px;" id="myTable" cellspacing="0">
    <thead>
        <tr>
            <th>ЦЕНЫ<br> <input  type="radio" name="disc" checked value="1" >Без НДС
                                <input  type="radio" name="disc"        value="1.18" >С НДС</th>
            <th>ВВОДИМ ЦЕНУ</th>
            <th>%</th>
            <th>Результат без НДС</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td width="250">Укажите стоимость доставки</td>
            <td><input type="text" style="color:red;font-size:20px;" placeholder="ДОСТАВКА" size="15" maxlength="15"></td>
            <td align="center" width="50"></td>
            <td align="left" width="100"></td>
       
        </tr>
        <tr>
            <td align="right">Цена =</td>
            <td><input type="text" style="color:red;font-size:20px;" placeholder="ВВОДИМ ЦЕНУ" size="15" maxlength="15">      </td>
            <td></td>
            <td></td>
        </tr>
    </tbody>
</table>
    <input  type="button" value="Добавить строку" href="javascript://" onclick="addRow('myTable');return false;">
</body>
</html>

Получилось так.

UJKJDF · #27 (**permalink**) 02.09.2016, 17:36

если доставка = 0 или не указана
а цена введена
то не получается результат с разными радиокнопками
получается
h = a[0] * e / 100 / koef + k,
h = k

исправил
h = (a[0] * e / 100 + k)/koef,

рони · #28 (**permalink**) 02.09.2016, 18:25

UJKJDF,
сначала продумать алгоритм, сделать описание, потом кодить. мысли вслух ...

UJKJDF · #29 (**permalink**) 02.09.2016, 21:58

нашел как добавлять строки в таблице
возник вопрос как добавить ячейку "input" в TD
var td2 = document.createElement("TD")
var td3 = document.createElement("input")
получается отдельно от таблицы.

рони · #30 (**permalink**) 02.09.2016, 22:59

UJKJDF,
DOM(Привязка элем-ов)

Форум

Справочник

Discord чат

Курсы javascript