Форум

ded711 · #1 (**permalink**) 05.01.2014, 17:54

Начал изучать программирование. Стал разбираться как работают интернет магазины. Вот первое мое творение.

<form name="myform" action= "file://localhost/F:/учебник%20для%20сайтов/page%2023.html" method="get">
<fieldset>
<legend>Покупка</legend>

<input type="text" readonly="" value="Программатор" size="11" id="one">

Кол-во:<input type="text" pattern="^[ 0-9]+$" size="3" maxlength="3" id="two" oninput="mult()" autofocus/>

Итого:<input type="text" readonly="" size="10" maxlength="10" id="result">
<body onload="setFocus()"></body>

<script>
function mult() {
var first = 5000;
var second = document.getElementById('two').value;
document.getElementById('result').value = first * second;
}
var check = function() {
var text = document.getElementById('two').value; // Смотрим, что ввели в пустое поле
if (text == '') { // Проверка на пустое поле
alert('Поле не заполнено');}
else if (text == '0') { // Проверка на 0
alert('Поле не заполнено');}
else {document.myform.submit();
}
}
function setFocus()
{
document.getElementById("two").focus();
}
</script>

<input type="submit" style="cursor:pointer;" name="submit" value="В корзину" onClick='check();return false;'>
</fieldset>
</form>

<input type="submit" style="cursor:pointer;" name="submit" value="В корзину" onClick='check();return false;>

Не могу никак понять как можно с помощью localStorage или sessionStorage передать на другую страницу данные:
Наименование
Кол-во
Итого
Нашел много примеров пытался применить, но не получаеться. Ещё подскажите как в одной строке выводить наименование товара. Думаю у меня как то не правельно получилось

krasovsky · #2 (**permalink**) 09.01.2014, 13:52

Вы бы оформляли код тегами, может вам бы кто и ответил побыстрее. Я чуть глаза не сломал.

Во первых инпутам нужно присвоить аттрибут name="",ибо параметры передаются в виде ключ=значение, например:

<form name="myform" action= "test.php" method="get">
<fieldset>
<legend>Покупка</legend>

<input type="text" readonly="" value="Программатор" size="11" id="one" name="articul">

Кол-во:<input type="text" pattern="^[ 0-9]+$" size="3" maxlength="3" id="two" oninput="mult()" autofocus name="count" />

Итого:<input type="text" readonly="" size="10" maxlength="10" id="result" name="result">

<body onload="setFocus()"></body>

Во вторых вы отправляете форму в page%2023.html, то есть в хтмл-документ. Но он не обладает такими свойствами, то есть вы не получите желаемого результата. Для этих вещей существуют серверные языки программирования, php, например .

Создайте страничку test.php

<?php
echo articul
echo count
echo result
?>

на экран выведется 3 строки соответственно.

Да и кстати,делать это следует через денвер или openserver, или любой другой веб сервер. Эти (особенно второй) и устанавливаются и используются проще простого.
Иначе увидите код, а не результат его выполнения. (хотя для осознания полной картины попробуйте и так и так)

ksa · #3 (**permalink**) 09.01.2014, 14:11

Сообщение от ded711

Не могу никак понять как можно с помощью localStorage или sessionStorage передать на другую страницу данные

Вот тут даже с примерами...

ded711 · #4 (**permalink**) 09.01.2014, 15:05

krasovsky. Спасибо большое за указаные ошибки!!!

Форум

Справочник

Discord чат

Курсы javascript