X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Добавление текста в форму заказа
Aramis_hb
Aramis_hb
Topic Starter сообщение 22.3.2011, 1:27; Ответить: Aramis_hb
Сообщение #1


Доброго времени суток.
Сразу к вопросу.

На сайте есть форма заказа вида:

<form ...>
...
<center><div id="parentId">
        <div><table width="400px">
            <tr>
            <td><b><center><font size="2" face="Century Gothic">Код товара:</font></center></b></td><td><b><center><font size="2" face="Century Gothic">Количество:</font></center></b></td>
            </tr>
        </table></div>
        <div><input name="code_1" id="code1" type="text" size="5"/> <input name="number_1" id="number1" type="text" size="3"/></div>
        <div><input name="code_2" id="code2" type="text" size="5"/> <input name="number_2" id="number2" type="text" size="3"/></div>
        <div><input name="code_3" id="code3" type="text" size="5"/> <input name="number_3" id="number3" type="text" size="3"/></div>
        <div><input name="code_4" id="code4" type="text" size="5"/> <input name="number_4" id="number4" type="text" size="3"/></div>
        <div><input name="code_5" id="code5" type="text" size="5"/> <input name="number_5" id="number5" type="text" size="3"/></div>
    </div></center><br>
    <center><a onclick="return addField()" href="#"><font size="2" face="Century Gothic">Добавить строку</font></a><br><input class="s" type="submit" value="Отправить Заказ" /><br><br></center>


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

Вопрос: как сделать так, чтобы добавить код товара (в ячейку кода) и единичку (в ячейку количества) в последнюю свободную ячейку? есть функция вида

var cellNuber = 1;
function addToOrder(itemCode)
{
    document.getElementById("code" + cellNumber).contents = itemCode;
    document.getElementById("number" + cellNumber).contents = 1;
    cellNumber++;
}


...чтобы на Onclick'e было "onclick="addToOrder(2756)"", например... но я явно что-то не так сделал.
Помогите, пожалуйста.

Edit: Вот JavaScript-код, отвечающий за создание новых строк в этой форме заказа... так, на всякий случай.
var countOfFields = 5; // Текущее число полей
var curFieldNameId = 5; // Уникальное значение для атрибута name
var maxFieldLimit = 200; // Максимальное число возможных полей
function addField() {
    // Проверяем не достигло ли число полей максимума
    if (countOfFields >= maxFieldLimit) {
        alert("Число полей достигло своего максимума = " + maxFieldLimit);
        return false;
    }
    // Увеличиваем текущее значения числа полей
    countOfFields++;
    // Увеличиваем ID
    curFieldNameId++;
    // Создаем элемент ДИВ
    var div = document.createElement("div");
    // Добавляем HTML-контент с пом. свойства innerHTML
    div.innerHTML = "<input name=\"code_" + curFieldNameId + "\" id=\"code" +curFieldNameId + "\" type=\"text\" size=\"5\"/> <input name=\"number_" + curFieldNameId + "\" id=\"number" +curFieldNameId + "\" type=\"text\" size=\"3\"/>";
    // Добавляем новый узел в конец списка полей
    document.getElementById("parentId").appendChild(div);
    // Возвращаем false, чтобы не было перехода по сслыке
    return false;
}
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
LifeUP
LifeUP
сообщение 22.3.2011, 18:19; Ответить: LifeUP
Сообщение #2


Добавьте в ваш код jquery

Вот готовый вариант
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Документ Без Имени</title>
<script type="text/javascript" src="jquery-1.5.min.js"></script>
<script type="text/javascript">
$(function(){
$('a#addRows').click(function(){
var last = $('#parentId>div:last');
// Номер следующего элемента
var nm = last.find('input').attr('id');
nm = parseInt (nm.slice(4)) + 1;
// Добавляю в самый конец
last.after('<div><input name="code_'+nm+'" id="code'+nm+'" type="text" size="5"/> <input name="number_'+nm+'" id="number'+nm+'" type="text" size="3"/></div>');
});
})
</script>

</head>

<body>
<center>
<div id="parentId">
<div>
<table width="400px">
<tr>
<td><b><center><font size="2" face="Century Gothic">Код товара:</font></center></b></td>
<td><b><center><font size="2" face="Century Gothic">Количество:</font></center></b></td>
</tr>
</table>
</div>
<div><input name="code_1" id="code1" type="text" size="5"/> <input name="number_1" id="number1" type="text" size="3"/></div>
<div><input name="code_2" id="code2" type="text" size="5"/> <input name="number_2" id="number2" type="text" size="3"/></div>
<div><input name="code_3" id="code3" type="text" size="5"/> <input name="number_3" id="number3" type="text" size="3"/></div>
<div><input name="code_4" id="code4" type="text" size="5"/> <input name="number_4" id="number4" type="text" size="3"/></div>
<div><input name="code_5" id="code5" type="text" size="5"/> <input name="number_5" id="number5" type="text" size="3"/></div>
</div>
</center>
<center><a href="javascript:void(0);" id="addRows"><font size="2" face="Century Gothic">Добавить строку</font></a><input class="s" type="submit" value="Отправить Заказ" /></center>
</body>
</html>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Aramis_hb
Aramis_hb
Topic Starter сообщение 22.3.2011, 18:39; Ответить: Aramis_hb
Сообщение #3


Ммм, спасибо, но вы, очевидно, не так поняли мой вопрос.
Или я его не так сформулировал.
Моя форма заказа сама по себе замечательно работает: поля есть, добавляются, из добавленных полей все отсылается... все это при условии, если пользователь САМ вбивает код товара и количество в ячейки.
Что интересует меня: на странице будет ссылка "добавить в заказ" с функцией "onclick="addToOrder(КОД_ТОВАРА)""...
Как связать эту функцию с содержимым ячеек кода и количества?
Чтобы при нажатии на ссылку "добавить в заказ" код товара и единичка количества добавлялась в ячейки?
Какой параметр ячейки мне нужен и как его взять по ID? document.getElementById("code" + cellNumber).contents или как-то по-другому, если ячейка находится в форме <form>...</form>?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
LifeUP
LifeUP
сообщение 22.3.2011, 18:54; Ответить: LifeUP
Сообщение #4


ну надо выбрать свободную ячейку, вбить в первый инпут ID товара а во второй количество.
Код я написал выше вам лиш его немного подредактировать
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Aramis_hb
Aramis_hb
Topic Starter сообщение 22.3.2011, 19:26; Ответить: Aramis_hb
Сообщение #5


(LifeUP @ 22.3.2011, 20:54) *
ну надо выбрать свободную ячейку, вбить в первый инпут ID товара а во второй количество.

*facepalm* Пожалуйста, повнимательнее прочитайте мое предыдущее сообщение, мне кажется, вы меня не понимаете.
Я НЕ ХОЧУ, чтобы люди вручную вбивали код товара и количество!
Я хочу чтобы они нажимали на ссылку а-ля "добавить в заказ" и код товара и единичка количество сами забивались в ячейки! что мне для этого сделать?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
SEVI
SEVI
сообщение 22.3.2011, 20:39; Ответить: SEVI
Сообщение #6


Если честно не понял что требуется. Похоже вы только что сделали кашу в моих мозгах :wacko:.
Можно почетче поставить задачу???
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Aramis_hb
Aramis_hb
Topic Starter сообщение 23.3.2011, 8:54; Ответить: Aramis_hb
Сообщение #7


На самом деле все предельно просто, я, наверное слишком расписал вопрос.
Как при нажатии на ссылку добавить текст в ячейку формы? только и всего.
Я просто хочу знать какой параметр ячейки мне нужен (который отвечает за ее содержимое), как его задать.

Есть текстовое поле в форме заказа, есть кнопочка "добавить товар с кодом ##### в заказ". Я просто хочу чтобы при нажатии на кнопочку код появлялся в текстовом поле.
Даже не надо расписывать функцию, как это делается, хотя если не трудно, то я был бы благодарен.
Просто скажите мне,
какой параметр текстовой ячейки отвечает за ее текстовое содержимое. ВСЕ!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
LifeUP
LifeUP
сообщение 23.3.2011, 11:28; Ответить: LifeUP
Сообщение #8


я вас понял правильно это вы прочитали мой пост и не поняли о чём я писал.
Повторюсь. При нажатии на кнопку добавить, вы в функцию передаете ID товара, количество, в функции выбираете свободный input и вставляете туда свои значения.
роль пользователя тут сводится лиш к нажатии на кнопку, о чем вы и писали выше!

Код который найдет последнии input поля я написал выше, вам лиш передеть в него ID товара и кол-во и подставить в эти поля.

P.S если вы хотите чтобы за вас всё написали то вам в платный раздел.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
LifeUP
LifeUP
сообщение 23.3.2011, 11:30; Ответить: LifeUP
Сообщение #9


(Aramis_hb @ 23.3.2011, 10:54) *
На самом деле все предельно просто, я, наверное слишком расписал вопрос.
Как при нажатии на ссылку добавить текст в ячейку формы? только и всего.
Я просто хочу знать какой параметр ячейки мне нужен (который отвечает за ее содержимое), как его задать.

Есть текстовое поле в форме заказа, есть кнопочка "добавить товар с кодом ##### в заказ". Я просто хочу чтобы при нажатии на кнопочку код появлялся в текстовом поле.
Даже не надо расписывать функцию, как это делается, хотя если не трудно, то я был бы благодарен.
Просто скажите мне,
какой параметр текстовой ячейки отвечает за ее текстовое содержимое. ВСЕ!


чтобы добавить значение в поле:
[JS]
document.getElementById ('ID input').value = 'сюда то что добавляете';
[/JS]

на jquery
[JS]
$('#ID input').val('сюда то что добавляете');
[/JS]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pavelsc
pavelsc
сообщение 23.3.2011, 14:14; Ответить: pavelsc
Сообщение #10


Все равно надо дважды нажимать, сначала добавить поле, а потом уже ссылку под товаром. Может стоит в AddToOrder() проверить сначала есть ли поле с пустыми ячейками и если нету то выполнить AddField(). Пара строчек всего
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Перевод текста в речь нейросетями - сервис Zvukogram
13 Zvukogram 7129 19.2.2024, 18:16
автор: freon_mr777
Открытая тема (нет новых ответов) 📌 Рандомизация видео/аудио/фото/текста с минимальным участием - 𝓓𝓮𝓵𝓽𝓪𝓣𝓸𝓸𝓵𝓼
Мы предлагаем комплексное решение для рандомизации всех видов офера
2 leviathan 1340 29.1.2024, 21:29
автор: leviathan
Открытая тема (нет новых ответов) Нужен перевод текста с RU на UZ
0 REGNET 743 22.2.2023, 15:17
автор: REGNET
Открытая тема (нет новых ответов) Наполнение сайта Автотематики (написание текста с размещением)
Ищу человека для длительного сотрудничества
2 NYLesha 1808 1.8.2022, 23:22
автор: NYLesha
Открытая тема (нет новых ответов) Рерайт на постоянку (2-3 текста в неделю)
Авто тематика
2 k62 1787 4.6.2021, 21:20
автор: mark2013


 



RSS Текстовая версия Сейчас: 28.3.2024, 22:47
Дизайн