Javascript-форум (https://javascript.ru/forum/)
-   Javascript под браузер (https://javascript.ru/forum/css-html/)
-   -   Нужна консультация (https://javascript.ru/forum/css-html/44081-nuzhna-konsultaciya.html)

ded711 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 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 09.01.2014 14:11

Цитата:

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

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

ded711 09.01.2014 15:05

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


Часовой пояс GMT +3, время: 21:34.