Web-программирование

    var item = document.getElementById( "item"+i );

    var cnt = parseInt( item.value );

    if ( isNaN(cnt) || cnt < 0 ) {

      cnt = 0;

      item.value = "0";

    }//функция обновляет таблицу, обнуляет переменные, если cnt-число и cnt<0, то cnt=0 и значение item=0 

    if ( cnt > 0 )

      item.parentNode.parentNode.setAttribute("bgcolor", "lightblue");

    else

      item.parentNode.parentNode.removeAttribute("bgcolor")

    orders[i] = cnt;

    basket = basket + cnt + ",";

    totalGoods = totalGoods + cnt;

    totalCosts = totalCosts + cnt*goods[i][3];

  } //если cnt>0, то устанавливаются элементу parentNode атрибуты lightblue и  bgcolor, иначе он «лишается» атрибута bgcolor

  var span = document.getElementById("totalGoods");

  var newTextNode = document.createTextNode(totalGoods);

  span.replaceChild(newTextNode, span.firstChild);

  var span = document.getElementById("totalCosts");

  var newTextNode = document.createTextNode(totalCosts);

  span.replaceChild(newTextNode, span.firstChild);

 

  setCookie("basket", basket);

} 

function createTable(data) {

  var table = document.createElement("table");

  table.setAttribute("border", "1");

  table.setAttribute("cellspacing", "0");

  table.setAttribute("cellpadding", "2");

  var thead = document.createElement("thead");

  var tr = document.createElement("tr");

  tr.setAttribute("bgcolor", "lightgrey");

  var head = new Array("Код","Наименование","Описание","Стоимость","Количество");

  for (var i = 0; i < head.length; i++) {

    var th = document.createElement("th");

    var newText = document.createTextNode(head[i]);

   th.appendChild(newText);

    tr.appendChild(th);

  } //функция создания таблицы и настройки атрибутов

  thead.appendChild(tr);

  table.appendChild(thead); 

  var totalGoods = 0;

  var totalCosts = 0.0;

 

  var tbody = document.createElement("tbody");

  for (var i = 0; i < data.length; i++) {

    var tr = document.createElement("tr");

    if ( orders[i] > 0 ) tr.setAttribute("bgcolor", "lightblue");

    for (var j=0; j < data[i].length; j++) {

      var td = document.createElement("td");

      var newText = document.createTextNode(data[i][j]);

      td.appendChild(newText);

      tr.appendChild(td);

    } //цикл, присваивающий значения tr  td и newText, а также делая newText «ребенком» td, а td – «ребенком» tr

    var td = document.createElement("td");

    var newInput = document.createElement("input");

    newInput.setAttribute("type", "text");

    newInput.setAttribute("id", "item"+i);

    newInput.setAttribute("value", orders[i]);

    newInput.setAttribute("size", "3");

    newInput.onblur = updateTable;

    td.appendChild(newInput);

    tr.appendChild(td);

    tbody.appendChild(tr); 

    totalGoods = totalGoods + orders[i];

    totalCosts = totalCosts + orders[i]*goods[i][3];

  }

  var tr = document.createElement("tr");

  var td = document.createElement("td");

  td.setAttribute("colspan", "3");

  td.setAttribute("align", "right");

  var textNode = document.createTextNode("Итого:");

  td.appendChild(textNode);

  tr.appendChild(td);

  var td = document.createElement("td");

  var span = document.createElement("span");

  span.setAttribute("id", "totalCosts");

  var textNode = document.createTextNode(totalCosts);

  span.appendChild(textNode);

  td.appendChild(span);

  tr.appendChild(td);

  var td = document.createElement("td");

  var span = document.createElement("span");

  span.setAttribute("id", "totalGoods");

  var textNode = document.createTextNode(totalGoods);

  span.appendChild(textNode);

  td.appendChild(span);

  tr.appendChild(td);

  tbody.appendChild(tr); 

  table.appendChild(tbody);

  return table; //возвращение результата

} 

function setCookie(name,value)

{

  document.cookie = name + '=' + value;

}   //функция, записи в cookie 

function getCookie(name)

{

  var arg = name + "=";

  startpos = document.cookie.indexOf(arg, 0);

  if (startpos == -1)

    return "";

  else

    startpos += arg.length;

  endpos = document.cookie.indexOf(';', startpos);

  if (endpos == -1) endpos = document.cookie.length;

  return document.cookie.substring(startpos, endpos);

} //функция получения cookie

</script> //конец java-скрипта

</head>

<body>

<div id="shop"></div> //вставка таблицы из java-скрипта

<br>

<br>

<br>

<h2>Отправить  заказ</h2>

<form action="process.php" method="POST"> //форма, отправляющая данные в process.php и сохранение значений в массив POST

<table>

<tr>

<td>Ваше Имя и Фамилия</td>

<td><input name="name" size="53"></td> //текстовая строка длиной 53 знака

</tr>

<tr>

<td>Ваш адрес e-mail</td>

<td><input name="mail" size="53"></td>

</tr>

<tr>

<td>Ваш  заказ</td>

<td><textarea cols="40" rows="10" name="order"></textarea></td> //текстовое поле длиной 40 высотой 10 знаков

</tr>

</table>

<br>

<input type="submit" value="Отправить заказ"> //кнопка, отправляющая результаты и открывающая другую страницу

</form> //закрытие тэга <form>

<p><a href="catalog.html" target=main >Вернутся в каталог...</a></p>

<p><a href="main.html" target=main >На главную...</a></p>

</body>

</html>

 

Обработка заказа

 

Рис. 2.7

Рис. 2.8

<? //открытие php-кода

$error = ""; //присваивание переменной $error пустого значения

$nz = chr(13) .chr(10);  //$nz – перенос на новую строку

$name= $_POST ['name']; //$name присваивается значение name из массива POST

$mail= $_POST ['mail'];

$order= $_POST ['order'];

if (empty($name)) $error .= "<li> Не указана Имя и Фамилия </li>"; //если $name пустое значение то к $error добавляется элемент маркированного списка

if (empty($mail)) $error .= "<li> Не указан адрес e-mail </li>";

if (empty($order)) $error .= "<li> Не указан заказ </li>";

if (empty($error)) {

$where = "d.borodin-93@yandex.ru";

$theme = "Заказ авиамодели";

$from = $mail;

$date = "Дата: ".date( "j.n.y") .$nl;

$time = "Время: " .date("H:i") .$nl;

$line = " " .$nl;

$author = "Автор: ".$name.$line.$mail .$nl;

$text = $date.$time.$author.$line.$order;

$title = "Ваш заказ отправлен";

mail($where, $theme, $text, $from);

 } else $title = "Присутствуют ошибки!!!"; // если $error пустое то присваиваются значения, иначе значение присваиваются только $title

?> //конец php-кода

<html>

<head>

<title><?=$title?></title>

</head>

<body>

<?

if (empty($error)) {

$text = strip_tags($text);

$text = htmlspecialchars($text, ENT_NOQUOTES, 'cp1251');

$text = str_replace($nl, "<br>", $text);

 echo "<p>Ваш заказ отправлен!</p>";

 echo "<p>$text</p>";

} else {

 echo "<p>Ваш заказ не отправлен, так как:";

 echo "<ul>$error</ul>";

echo "</p>";

}

?>  //если $error пустое, то присваиваются значения, выводится сообщение об успешной отправке и показывается пример сообщения, иначе выводится сообщение об ошибках и неотправленном сообщении

<p><a href="catalog.html" target=main >Вернутся в каталог...</a></p>

<p><a href="main.html" target=main >На главную...</a></p>

</body>

</html>

 

FAQ, Способы оплаты и доставки, вакансии, тест, отправка и обработка заявки

FAQ

Рис. 3.1

<HTML>

<HEAD><TITLE>Авимодели в Саратове</TITLE></HEAD>

<BODY>

<FONT face="Comic Sans MS">

<P ALIGN=LEFT>

<H1>Инструкция  по заказу</H1>

<ol Type="I"> //нумерованный список I,II,III,и.т.д.

<li>Просматриваем  товар в каталоге.

<li>Нажимаем  кнопку "Оформить заказ".

<li>При  необходимости, Вы можете просчитать  сумму и количество товаров в специальной таблице