Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Подсчет количества цветов (https://javascript.ru/forum/misc/24516-podschet-kolichestva-cvetov.html)

miakacat 03.01.2012 23:35
Подсчет количества цветов
 
Добрый день!
Хотелось бы попросить о помощи, хочу сделать таблицу: в правой колонке название кофты, в левой форма для заполнения (тут будем вписывать цвет кофты).
А так же вторая таблица: правая колонка название цвета, левая количество вещей данного цвета.
Ниже будет кнопка "подсчитать"
Смысл: при нажатии кнопки подсчета, в правой колонке отображается результат о количестве вещей определенного цвета.
Например: кофта-1 | зеленая, кофта-2 | синяя, кофта-3 | синяя, т.е. в результате подсчета во второй таблице появится результат синий | 2, зеленый | 1.

Буду крайне благодарна за помощь! Заранее спасибо!

devote 03.01.2012 23:37
Что то больше для раздела работа похоже.

Livaanderiamarum 03.01.2012 23:43
Цитата:
Сообщение от miakacat (Сообщение 147933)
Буду крайне благодарна за помощь! Заранее спасибо!
завтра к вечеру или к после завтра к обеду все сделаю, щас спать уже пора, а завтра приступлю. Бесплатно помогу вам. дождетесь?

miakacat 03.01.2012 23:53
Цитата:
Сообщение от Livaanderiamarum (Сообщение 147937)
завтра к вечеру или к после завтра к обеду все сделаю, щас спать уже пора, а завтра приступлю. Бесплатно помогу вам. дождетесь?
Конечно подожду! Очень рада, что откликнулись! Спасибо!

miakacat 05.01.2012 20:31
Добрый вечер!
Хотелось бы узнать,не заняты ли вы,чтобы помочь по данному вопросу :)

Aetae 05.01.2012 20:46
Да-да, уже скоро, только быка подою.

miakacat 05.01.2012 21:21
оценила ваш "тонкий" юмор.

devote 05.01.2012 21:33
Цитата:
Сообщение от miakacat
оценила ваш "тонкий" юмор.
в том то и дело что здесь все над вами смеются, если вы на это не обратили внимание.

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

miakacat 06.01.2012 00:13
Цитата:
Сообщение от devote (Сообщение 148216)
по поводу того что вы просите, очень мало информации о том что вы хотите. Во вторых нужно хоть немного приложить усилие. Сделайте макет, покажите что получилось, а мы подскажем как прикрутить функционал... Ибо по вашему первому посту лично я не совсем понимаю как это должно выглядеть вообще.
Простите уж,что не предоставила вам наработок,если бы хоть немного понимала в программировании,обязател но постаралась бы подготовить всю необходимую информацию и постаралась бы пояснить задачу более понятно,думаю вы и сами подкованы далеко не во всех профессиях.Т.е. следует вывод,а стоит ли смеяться над незнанием другого человека лишь потому,что он попросил помощи у знающего?И задуматься,а не окажитесь ли вы сами в подобной ситуации когда либо...На ваш форум меня привела просьба знакомой,которая в свою очередь так же не знала к кому обратиться.Все,на что хватило моих умений поиска в сети интернет,это на составление формы.(заранее извиняюсь за грубые ошибки,если они есть в форме,моя работа документы составлять,а не программировать,увы)

<body>
<table>
<tr>
<td style="padding:10px; text-align:center;">
<p>Входные данные</p><br>
      
<table border="1">
<tr>
<td style="padding:10px; text-align:center;">Кофта</td>
<td style="padding:10px; text-align:center;" >№ Цвета</td>
</tr>
<tr>
<td style="padding:10px; text-align:center;">Кофта-1</td>
<td style="padding:10px; text-align:center;" ><input type="text" size="30"><br />В форме выше вводим номер цвета,например: 5</td>
</tr>
<tr>
<td style="padding:10px; text-align:center;">Кофта-2</td>
<td style="padding:10px; text-align:center;" ><input type="text" size="30"><br />В форме выше вводим номер цвета,например: Нет на складе</td>
</tr>
<tr>
<td style="padding:10px; text-align:center;">Кофта-3</td>
<td style="padding:10px; text-align:center;" ><input type="text" size="30"><br />В форме выше вводим номер цвета,например: Нет на складе</td>
</tr>
<tr>
<td style="padding:10px; text-align:center;">Кофта-4</td>
<td style="padding:10px; text-align:center;" ><input type="text" size="30"><br />В форме выше вводим номер цвета,например: 1</td>
</tr>
<tr>
<td style="padding:10px; text-align:center;">Кофта-5</td>
<td style="padding:10px; text-align:center;" ><input type="text" size="30"><br />В форме выше вводим номер цвета,например: 2</td>
</tr>
<tr>
<td style="padding:10px; text-align:center;">Кофта-6</td>
<td style="padding:10px; text-align:center;" ><input type="text" size="30"><br />В форме выше вводим номер цвета,например: 2</td>
</tr>
<tr>
<td style="padding:10px; text-align:center;">Кофта-7</td>
<td style="padding:10px; text-align:center;" ><input type="text" size="30"><br />В форме выше вводим номер цвета,например: 4</td>
</tr>
<tr>
<td style="padding:10px; text-align:center;">Кофта-8</td>
<td style="padding:10px; text-align:center;" ><input type="text" size="30"><br />В форме выше вводим номер цвета,например: 5</td>
</tr>
<tr>
<td style="padding:10px; text-align:center;">Кофта-9</td>
<td style="padding:10px; text-align:center;" ><input type="text" size="30"><br />В форме выше вводим номер цвета,например: 1</td>
</tr>
</table>
</td>
<td style="padding:10px; text-align:center;">
<p>Выходные данные:</p><br>
<table border="1">
<tr>
<td style="padding:10px; text-align:center;">Сколько кофт в наличии</td>
<td style="padding:10px; text-align:center;" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="text" size="11"><br />исходя из левой таблицы: 7</td>
</tr>
<tr>
<td style="padding:10px; text-align:center;">N Цвета:</td>
<td style="padding:10px; text-align:center;" ><br />
1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" size="11"><br />исходя из левой таблицы: 2<br />
2&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" size="11"><br />исходя из левой таблицы: 2<br />
3&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" size="11"><br />исходя из левой таблицы: 0<br />
4&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" size="11"><br />исходя из левой таблицы: 1<br />
5&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" size="11"><br />исходя из левой таблицы: 2<br />
</td>
</tr>
<tr>
<td style="padding:10px; text-align:center;">Нет в на складе (кол-во кофт)</td>
<td style="padding:10px; text-align:center;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="text" size="11"><br />исходя из левой таблицы: 2</td>
</tr>
</table>

<input type="button" value="Вычислить">
</td>
</tr>
</table>
</body>

miakacat 06.01.2012 00:17
Цитата:
Сообщение от devote (Сообщение 147935)
Что то больше для раздела работа похоже.
И если вы настаиваете,пардон,советуе те,обратиться к фрилансу (так это кажется называется). Назовите цену,если она будет адекватна и моя знакомая будет готова оплатить работу (наверно очень сложный код должен быть). То я с радостью передам ей ваши контакты, чтобы не быть посредником.

devote 06.01.2012 00:33 
<html>
   <head>
   </head>
<body>
  <table>
  <tr>
    <td style="padding:10px; text-align:center;">
      <p>Входные данные</p><br>       
      <table border="1">
      <tr>
        <td style="padding:10px; text-align:center;">Кофта</td>
        <td style="padding:10px; text-align:center;" >№ Цвета</td>
      </tr>
      <tr>
        <td style="padding:10px; text-align:center;">Кофта-1</td>
        <td style="padding:10px; text-align:center;" ><input type="text" size="30"><br />В форме выше вводим номер цвета,например: 5</td>
      </tr>
      <tr>
        <td style="padding:10px; text-align:center;">Кофта-2</td>
        <td style="padding:10px; text-align:center;" ><input type="text" size="30"><br />В форме выше вводим номер цвета,например: Нет на складе</td>
      </tr>
      <tr>
        <td style="padding:10px; text-align:center;">Кофта-3</td>
        <td style="padding:10px; text-align:center;" ><input type="text" size="30"><br />В форме выше вводим номер цвета,например: Нет на складе</td>
      </tr>
      <tr>
        <td style="padding:10px; text-align:center;">Кофта-4</td>
        <td style="padding:10px; text-align:center;" ><input type="text" size="30"><br />В форме выше вводим номер цвета,например: 1</td>
      </tr>
      <tr>
        <td style="padding:10px; text-align:center;">Кофта-5</td>
        <td style="padding:10px; text-align:center;" ><input type="text" size="30"><br />В форме выше вводим номер цвета,например: 2</td>
      </tr>
      <tr>
        <td style="padding:10px; text-align:center;">Кофта-6</td>
        <td style="padding:10px; text-align:center;" ><input type="text" size="30"><br />В форме выше вводим номер цвета,например: 2</td>
      </tr>
      <tr>
        <td style="padding:10px; text-align:center;">Кофта-7</td>
        <td style="padding:10px; text-align:center;" ><input type="text" size="30"><br />В форме выше вводим номер цвета,например: 4</td>
      </tr>
      <tr>
        <td style="padding:10px; text-align:center;">Кофта-8</td>
        <td style="padding:10px; text-align:center;" ><input type="text" size="30"><br />В форме выше вводим номер цвета,например: 5</td>
      </tr>
      <tr>
        <td style="padding:10px; text-align:center;">Кофта-9</td>
        <td style="padding:10px; text-align:center;" ><input type="text" size="30"><br />В форме выше вводим номер цвета,например: 1</td>
      </tr>
      </table>
    </td>
    <td style="padding:10px; text-align:center;">
      <p>Выходные данные:</p><br>
      <table border="1">
      <tr>
        <td style="padding:10px; text-align:center;">Сколько кофт в наличии</td>
        <td style="padding:10px; text-align:center;" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="text" size="11"><br />исходя из левой таблицы: 7</td>
      </tr>
      <tr>
        <td style="padding:10px; text-align:center;">N Цвета:</td>
        <td style="padding:10px; text-align:center;" ><br />
1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" size="11"><br />исходя из левой таблицы: 2<br />
2&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" size="11"><br />исходя из левой таблицы: 2<br />
3&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" size="11"><br />исходя из левой таблицы: 0<br />
4&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" size="11"><br />исходя из левой таблицы: 1<br />
5&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" size="11"><br />исходя из левой таблицы: 2<br />
        </td>
      </tr>
      <tr>
        <td style="padding:10px; text-align:center;">Нет в на складе (кол-во кофт)</td>
        <td style="padding:10px; text-align:center;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="text" size="11"><br />исходя из левой таблицы: 2</td>
      </tr>
      </table>
      <input type="button" value="Вычислить">
    </td>
  </tr>
  </table>
</body>
</html>

Хм интересная форма, но вот что-то не совсем понимаю что за данные должны быть, что с чем должно складываться, что за номера цветов? это из базы где-то берется? что за значения "Нет в наличии" и что с ним нужно делать.

Цитата:
Сообщение от miakacat
И если вы настаиваете,пардон,советуе те,обратиться к фрилансу (так это кажется называется). Назовите цену,если она будет адекватна и моя знакомая будет готова оплатить работу (наверно очень сложный код должен быть). То я с радостью передам ей ваши контакты, чтобы не быть посредником.
Никто ни в чем не настаивает, просто обычно что бы получить помощь нужно сделать хоть какие-то усилия.. в первом же вашем топике не было ничего, поэтому обычно такие просьбы расцениваются как работа.

miakacat 06.01.2012 01:01
Цитата:
Сообщение от devote (Сообщение 148249)
[HTML run]
Хм интересная форма, но вот что-то не совсем понимаю что за данные должны быть, что с чем должно складываться, что за номера цветов? это из базы где-то берется? что за значения "Нет в наличии" и что с ним нужно делать.
Интересная...в вашем понятии это "ну нормально" или "ой руки бы ей оторвать"? Постараюсь ответить по порядку, на складе цвет кофты записывается не "зеленый,голубой",а "1, 2". Данные ни в какой базе не хранятся,все вручную заполняется.
Т.е. в 1 таблице колонка "кофты" заполняется вручную в блокноте, а вот колонка "№ цвета" в форме заполняется в браузере.
После заполнения колонки "№ цвета" нажимаем кнопку "вычислить" и во второй таблице (в ней первая колонка статичная,а вторая колонка-колонка вывода результата) появляются результаты.
Результаты считаются по принципу: цифра 5 в таблице-1 встречается 2 раза,т.е. во второй таблице в строке напротив 5 появляется значение 2.
Так же считается сколько цифр 1, 2, 3, 4, а так же сколько штук "нет на складе", в данном примере "на складе нет 2 кофт"
"Кофт в наличии" считается немного по другому,по формуле: общее количество кофт (в таблице их 9) минус "нет на складе" (а таблице их 2) = 7 по данному примеру.
Надеюсь немного хоть объяснила принцип,старалась как могла.

Livaanderiamarum 06.01.2012 01:53
Девушка, если вы не знаете программирования то это работа не вашего уровня, откажитесь от неё, либо начните изучать джаваскрипт , как все мы в свое время.

рони 06.01.2012 01:54
Вариант ... вторую таблицу убрал для простоты ... и если нет на складе то ничего не вводите ....
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1251" />

 <title></title>
</head>

<body>
<table >
<tr>
<td style="padding:10px; text-align:center;">
<p>Входные данные</p><br>

<table border="1"  id="tab1" >
<tr>
<td style="padding:10px; text-align:center;">Кофта</td>
<td style="padding:10px; text-align:center;" >№ Цвета</td>
</tr>
<tr>
<td style="padding:10px; text-align:center;">Кофта-1</td>
<td style="padding:10px; text-align:center;" ><input type="text" size="30"><br />В форме выше вводим номер цвета,например: 5</td>
</tr>
<tr>
<td style="padding:10px; text-align:center;">Кофта-2</td>
<td style="padding:10px; text-align:center;" ><input type="text" size="30"><br />В форме выше вводим номер цвета,например: Нет на складе</td>
</tr>
<tr>
<td style="padding:10px; text-align:center;">Кофта-3</td>
<td style="padding:10px; text-align:center;" ><input type="text" size="30"><br />В форме выше вводим номер цвета,например: Нет на складе</td>
</tr>
<tr>
<td style="padding:10px; text-align:center;">Кофта-4</td>
<td style="padding:10px; text-align:center;" ><input type="text" size="30"><br />В форме выше вводим номер цвета,например: 1</td>
</tr>
<tr>
<td style="padding:10px; text-align:center;">Кофта-5</td>
<td style="padding:10px; text-align:center;" ><input type="text" size="30"><br />В форме выше вводим номер цвета,например: 2</td>
</tr>
<tr>
<td style="padding:10px; text-align:center;">Кофта-6</td>
<td style="padding:10px; text-align:center;" ><input type="text" size="30"><br />В форме выше вводим номер цвета,например: 2</td>
</tr>
<tr>
<td style="padding:10px; text-align:center;">Кофта-7</td>
<td style="padding:10px; text-align:center;" ><input type="text" size="30"><br />В форме выше вводим номер цвета,например: 4</td>
</tr>
<tr>
<td style="padding:10px; text-align:center;">Кофта-8</td>
<td style="padding:10px; text-align:center;" ><input type="text" size="30"><br />В форме выше вводим номер цвета,например: 5</td>
</tr>
<tr>
<td style="padding:10px; text-align:center;">Кофта-9</td>
<td style="padding:10px; text-align:center;" ><input type="text" size="30"><br />В форме выше вводим номер цвета,например: 1</td>
</tr>
</table>
</td>
<td style="padding:10px; text-align:center;">
<p>Выходные данные:</p><br>
<div id="show"></div>

<input type="button" value="Вычислить" onclick='go()'>
</td>
</tr>
</table>

<script  type="text/javascript">
function go() {
    for (var d = document.getElementById("tab1").getElementsByTagName("input"), b = {}, a = 0; a < d.length; a++) {
        var e = d[a].value;
        e in b ? b[e]++ : b[e] = 1
    }
    var a = "",
        f = d.length, c;
    for (c in b) c ? a = " \u0426\u0432\u0435\u0442 " + c + " \u0432\u0441\u0435\u0433\u043e " + b[c] + "<br />" + a : (a += " \u041d\u0435\u0442 \u043d\u0430 \u0441\u043a\u043b\u0430\u0434\u0435 \u0432\u0441\u0435\u0433\u043e " + b[c] + "<br />", f = d.length - b[c]);
    document.getElementById("show").innerHTML = "\u0412\u0441\u0435\u0433\u043e \u043a\u043e\u0444\u0442 " + f + "<br />" + a
};
</script>
</body>
</html>

miakacat 06.01.2012 12:08
Цитата:
Сообщение от Livaanderiamarum (Сообщение 148267)
Девушка, если вы не знаете программирования то это работа не вашего уровня, откажитесь от неё, либо начните изучать джаваскрипт , как все мы в свое время.
Спасибо,обязательно учту, если когда-нибудь необходимо будет начать программировать и работать в данной сфере. Но пока выполняю лишь просьбу знакомой.

miakacat 06.01.2012 12:14
Цитата:
Сообщение от рони (Сообщение 148268)
Вариант ... вторую таблицу убрал для простоты ... и если нет на складе то ничего не вводите ....
Большое спасибо! Код скрипта вроде маленький, но несет в себе столько действий, потрясающе!
А можно вопрос? Что означают строки такого типа: " \u0426\u0432\u0435\u0442 "
Пусть я и полный 0 в этом,но хотелось бы немного разобраться, чтобы лишний раз не беспокоить жителей форума и объяснить знакомой хотя бы примерно принцип работы. Признательна за ваш ответ!

рони 06.01.2012 12:39
Цитата:
Сообщение от miakacat
Что означают строки такого типа: " \u0426\u0432\u0435\u0442 "
это русские буквы
Юникод

miakacat 06.01.2012 13:21
Понятно! Спасибо за ответ!


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