Как подсчитать количестко выделеных кубикови вывести соответствующие данные?

Question

[Капитан Какао]

На словах очень сложно объяснить что нужно. Но постараюсь это сделать как можно понятнее.
В общем есть табличка 6 на 8 (правда табличка на ul сделана, но не суть.)
Подключена библиотека jquery-ui.
С помощью неё можно выделять мышкой эти блоки (так же как выделение файлов на винде)

Суть вопроса

Нужно сделать так, что бы скрипт считал количество выделенных кубиков и вставлял в соседний блок соответствующие данные.

1 кубик это 0.5 метра.
Если человек выбрал скажем 4 кубика по горизонтали и 2 по вертикали получается 2 метра на 1 метр. Значить нужно вывести такой текст "2 x 1 метра"

Что бы было всё понятнее, вот тут демка как это работает: d10.qweb.pro

Нужно теперь сделать, что бы при выделении кубиков, соответствующие данные вставлялись в правый блок.

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

Answer 1

[Александр Таратин]

На мой взгляд задача не очень то и простая

Да вы шутник

jsfiddle.net/QW01_01/e8xraryw

Comments

[Александр Таратин]

qweb.pro/portfolio/mida.htm

> предидущая работа (это украинский?)
но title - Предыдущее фото

[Капитан Какао]

Офигенски! Огромное спасибо.
А подскажите пожалуйста, как ещё сделать, что бы менялась цена.

Допустим у нас есть такая записьcь с расценками:

0.5 x 0.5
Баннер - 300 руб.
Самоклейка - 400 руб.
Баннерная сетка - 500 руб.

0.5 x 1
Баннер - 350 руб.
Самоклейка - 450 руб.
Баннерная сетка - 550 руб.

1 x 1
Баннер - 400 руб.
Самоклейка - 500 руб.
Баннерная сетка - 600 руб.

И так далее, в общем к каждому размеру я пропишу свою цену.
И что бы эти цены вставлялись в
0 // Баннер
0 // Самоклейка
0 // Баннерная сетка

Если не сложно сделайте пример буквально для пары форматов, а для остальных я допишу по аналогии.

[Капитан Какао]

Александр Таратин: нет. В основном с Россией работаю.

[Александр Таратин]

Rad Cor: 48 комбинаций ручками пропишите?? Какая формула?

[Капитан Какао]

Александр Таратин: ну видимо да. Формулы не знаю. Да её и нет.
Там цены будут в ручную менять какие придумают сами.

[Александр Таратин]

Rad Cor: jsfiddle.net/QW01_01/e8xraryw/1

[Капитан Какао]

Александр Таратин: огромное спасибо! Безумно круто!

[xmoonlight]

Александр Таратин: чисто маленькое замечание: Math.floor() вместо ~~ и производительность возрастает в 2-2.5 раза. (но это к слову!)
А так - да! Ты крут! Респект!

[Александр Таратин]

xmoonlight: Тогда уж сразу return { x: a >> 3, y: a%8}; Но не думаю что будет хоть какой-то различимый прирост.

[xmoonlight]

Александр Таратин: вот вопрос именно в этом: пишут, что битовые работают медленнее Math.* в js.

[Александр Таратин]

xmoonlight:
Firefox

var d = Date.now(); for(var i=0;i<1000000;i++){ var k = Math.floor(Math.random() / 8);} Date.now() - d;
2157
var d = Date.now(); for(var i=0;i<1000000;i++){ var k = Math.random() >> 3;} Date.now() - d;
1630
var d = Date.now(); for(var i=0;i<1000000;i++){ var k = ~~(Math.random() / 8);} Date.now() - d;
1731

Chrome

var d = Date.now(); for(var i=0;i<1000000;i++){ var k = Math.floor(Math.random() / 8);} Date.now() - d;
2703
var d = Date.now(); for(var i=0;i<1000000;i++){ var k = Math.random() >> 3;} Date.now() - d;
2294
var d = Date.now(); for(var i=0;i<1000000;i++){ var k = ~~(Math.random() / 8);} Date.now() - d;
2288

Правда тестил в консоли и это не правильно, но jsPerf лежит.

[Александр Таратин]

ie11

1441
1075
1132

[xmoonlight]

Александр Таратин: ">>3" в FF у меня тоже самый быстрый... (3-4 строки)
ну значит что-то поменяли... пост старый был или обманули)