Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 15.05.2016, 08:18   #1
Stepan_P
Пользователь
 
Регистрация: 17.12.2015
Сообщений: 14
По умолчанию Кнопка расчета стоимости для сайта

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

Сама программа ниже

Код HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
<title>Лаб2</title>
</head>
<body >
<table border="1" id="tab1" class="sortable"> // Таблица, в которую заносятся данные, вводимые человеком
    <thead>
        <tr>
            <th> <style="background-color:white" onmouseover="this.style.backgroundColor='white'"
                  onmouseout="this.style.backgroundColor='blue'"> Наименование</th>
            <th> <style="background-color:white" onmouseover="this.style.backgroundColor='white'"
                  onmouseout="this.style.backgroundColor='green'"> Стоимость</th>
        </tr>
    </thead>
    <tbody>
    </tbody> 
</table>

<form action="" id="add_tovar" method="post" onsubmit="addRow();return false;">
<fieldset>
<legend>Добавить товар</legend>
    <ul>
        <li>
            <label for="name">Наименование</label>
            <input type="text" name="name" id="name" value="" size="12" tabindex="1" />
        </li>
        <li>
            <label for="initials">Стоимость</label>
            <input type="text" name="cost" id="cost" value="" size="12" tabindex="2" />
        </li>
        <li>
            <label for="subm">Действия</label>
            <input type="submit" name="subm" class="submit" value="Добавить" tabindex="3" />
            <input type="submit" name="rasch" class="rasch" value="Рассчитать" tabindex="4" /> // Это кнопка для рассчета стоимости
        </li>
	</ul>
</fieldset>
</form>

<script>
var d = document;

var name;
var cost;

function addRow() // Функция создания новых строк таблицы для новой информации
{
    // Считываем значения с формы
    name = d.getElementById('name').value;
    cost = d.getElementById('cost').value;

    // Находим нужную таблицу
    var tbody = d.getElementById('tab1').getElementsByTagName('TBODY')[0];

    // Создаем строку таблицы и добавляем ее
    var row = d.createElement("TR");
    tbody.appendChild(row);

    // Создаем ячейки в вышесозданной строке
    // и добавляем их
    var td1 = d.createElement("TD");
    var td2 = d.createElement("TD");

    row.appendChild(td1);
    row.appendChild(td2);

    // Наполняем ячейки
    td1.innerHTML = name;
    td2.innerHTML = cost;

}

</script>
</body>
</html>
________
Код нужно оформлять по правилам!

Модератор.

Последний раз редактировалось Serge_Bliznykov; 15.05.2016 в 09:30.
Stepan_P вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Delphi или Pascal создание программы для расчета стоимости тура Мария_1990 Помощь студентам 3 28.01.2014 12:19
Программа для расчета стоимости материалов. nachonovo Фриланс 13 15.01.2013 17:04
Программа для расчета стоимости лоджии. nachonovo Фриланс 2 23.11.2012 21:22
Формула расчета стоимости доставки Андрей 2009 Microsoft Office Excel 12 08.04.2009 12:52
Разработать в среде Borland Delphi приложение для расчета стоимости покупок. patron Помощь студентам 3 30.03.2008 15:12