|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
15.05.2016, 08:18 | #1 |
Пользователь
Регистрация: 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. |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
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 |