Предлагайте идеи по скриптам

Список розділів Кухня Розробка

Опис: Пропозиції, питання, обговорення

Как сделать простейший калькулятор для издания книг

#81 janyzak » 26.02.2015, 10:27

Уважаемый Назар, здравствуйте.
Хотелось бы сделать простейший калькулятор для сайта.

Вот задачи:

Издание книги:
▶ Бумага белая -
1000 экземпляров - 1 страница 25 копеек;
500 экземпляров - 1 страница 30 копеек;
100 экземпляров - 1 страница 50 копеек;
10 экземпляров - 1 страница 70 копеек;
1 экземпляр - 1 страница 1 руб.

► Обложка мягкая - 5 руб.;
Обложка твердая - 25 руб.

Задачка очень простая, но для меня это хуже тайги ☺

Если заказчик заказывает
✔ 500 экз
✔ 100_страничной книги
✔ в твердой обложке, то:

● 100 умножаем на стоимость страницы в строке "500 экземпляров" - 0.30,
● добавляем сумму твердой обложки - 25,
● и умножаем на количество требуемых экземпляров:

100*0,30+25*100=5500 рублей.

кнопка "рассчитать" = 5500

▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒


Я сделал выпадающий элемент с select для для экземпляров со значениями, к примеру, {0,25}>1000
радио элементы для двух разных обложек...
Но не смог написать саму формулу...
С уважением,
Жанызак из Киргизии...
janyzak
Репутація: 0
Повідомлення: 1
З нами: 2 роки 8 місяців

#82 sdi_68 » 11.04.2015, 19:28

Уважаемый Назар, здравствуйте.
Есть ли возможность добавить в CallMe функционал автоматического открытия формы в случае, если пользователь находится на странице дольше определенного времени?
sdi_68
Репутація: 0
Повідомлення: 4
З нами: 2 роки 7 місяців

#83 Nazar Tokar » 11.04.2015, 21:31

sdi_68, можно, но я против такого функционала.
Читайте твітер.
Nazar Tokar M
Автор теми, Администратор
Аватар
Звідки: Україна
Репутація: 149
Повідомлення: 2509
Теми: 100
З нами: 4 роки 7 місяців

#84 sdi_68 » 13.04.2015, 13:22

Назар Токарь написав:sdi_68, можно, но я против такого функционала.
А по каким соображениям? Можно предположить ,что если человек задержался на странице дольше ,например, 20 секунд, то он заинтересовался содержимым (я в применении к интернет-магазину) ,так почему бы ему не дать лишний инструмент для покупки ,если в чем-то сомневается - то заказать звонок. Форма будет перед глазами.
sdi_68
Репутація: 0
Повідомлення: 4
З нами: 2 роки 7 місяців

#85 Nazar Tokar » 13.04.2015, 14:28

sdi_68, ну, я против любых анимаций, которых пользователь не хочет видеть сам. Если открыл страницу и ничего не делает, пусть она остаётся как есть.
Читайте твітер.
Nazar Tokar M
Автор теми, Администратор
Аватар
Звідки: Україна
Репутація: 149
Повідомлення: 2509
Теми: 100
З нами: 4 роки 7 місяців

#86 sdi_68 » 13.04.2015, 16:45

Вас понял.
sdi_68
Репутація: 0
Повідомлення: 4
З нами: 2 роки 7 місяців

#87 Romanello » 10.05.2015, 14:35

Идея - сделать форму шире и красивее. Уж больно уродливые они, не разу не презентабельно, несмотря на богатые возможности.
Romanello
Репутація: 1
Повідомлення: 6
Теми: 1
З нами: 2 роки 6 місяців

#88 Nazar Tokar » 10.05.2015, 16:21

Romanello, ну так сделайте. Имхо — норм.
Читайте твітер.
Nazar Tokar M
Автор теми, Администратор
Аватар
Звідки: Україна
Репутація: 149
Повідомлення: 2509
Теми: 100
З нами: 4 роки 7 місяців

#89 Romanello » 23.05.2015, 20:34

Вот стили подходящий для лендинг, тоже конечно не шедевр, но может кому сгодится.
/callme/templates/default/style.css

Код: Виділити все

.cme-form .has-error { background: #f2dede; }
.cme-form span { padding: 2px 3px 2px 3px; display: block; color: #777777; font-size: 11px; clear: both; }


form.cme {padding: 25px 0;}
.cme-form select { border: 1px solid #98a198; background: white; padding: 4px 3px 3px 9px; width: 100%; font-size: 12px; border-radius: 0px; outline-style: none; height: 21px; line-height: 21px; margin: 0 0 5px 0; font-size: 13px; cursor: pointer;  outline: 0; }
.cme-form .cme-select { width: 280px; margin-left: 10px; height: 27px; line-height: 27px; }
.cme-form .cme-txt {
 font-family: Tahoma;
   background-color: #fafafa;
    border: 1px solid #ededed;
    display: table-cell;
    font-size: 24px;
    height: 64px;
    text-align: center;
    vertical-align: middle;
    width: 430px;
 }

.cme-form span div { display: inline; margin: 0 5px 0 0; line-height: 19px; }
.cme-form .cme-cls { text-shadow: 0 1px 0 #4d659f; height: 20px; width: 20px; font-size: 13px; overflow: hidden;  text-align: center; padding: 1px 3px 4px 3px; float: right; display: inline; color: white; text-shadow: none; margin: -13px 8px 0 0; cursor: pointer; text-decoration: none; }
.cme-form .cme-cls:hover { color: white; opacity: 0.8; -webkit-opacity: 0.8; -khtml-opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$p)"; }
.cme-form .cme-btn-place span { display: inline; float: right; padding: 7px 12px 0 0 !important;
 font-size: 8px !important; color: #888 !important; }
.cme-form .cme-btn-place span a { font-size: 11px; color: #888; }
.cme-form .cme-btn-place span a:hover { text-decoration: none; }
.cme-form .callmebody { font-size: 13px; background: #efefef; padding: 5px 10px; }
.cme-form .callmebody .inf { padding: 0 5px; margin: 0 0 10px 0; font-weight: bold; clear: both; }
.cme-form .callme-result { background: #efefef url(loading.gif) 10px center no-repeat; display: block; clear: both; margin: 5px 11px 10px 10px; }
.cme-form .callme-result div { padding: 7px 7px; margin: 4px 0 0 0; }
.cme-form .callme-result div.sending { padding: 7px 0 7px 35px; display: block; color: #777777; clear: both; }
.cme-form .callme-result div.c_success { background: #777; color: #fff; text-shadow: none; width: 421px;  margin: 0 auto;}
.cme-form .callme-result div.c_error { background: #f76363; color: #fffafa; text-shadow: none; width: 421px; margin: 0 auto; }

#viewform { border: 0; padding: 0; background: url(bttn.png); height: 185px; width: 22px; cursor: pointer; outline: 0; }

#cme-back { display: none; z-index: 108; opacity: 0.5; top: 0; left: 0; width: 100%; height: 100%; position: absolute; background: #333; }

.cme-btn, .cme-form .cme-btn { border: 0;
 background: #5cb85c none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    display: table-cell;
 font-family: Tahoma;
   font-weight: bold;
    font-size: 18px;
    height: 64px;
    vertical-align: middle;
   text-transform: uppercase;
    width: 434px;
position: relative;
left: 6px;
margin: 20px auto 5px auto;

 }

.cme-cls, .cme-form .cme-cls {
background: #f76363 none repeat scroll 0 0;
    color: #fffafa;
    text-shadow: none;

}
.cme-form {
 -moz-box-shadow: 0 2px 20px #333333;
 -webkit-box-shadow: 0 2px 20px #333333;
 box-shadow: 0 2px 20px #333333;
text-align: center;
margin: 0 auto;
 border-radius: 0;
 z-index: 109;
 display: none;
 top: 150px;
 width: 600px;
 color: #777777;
 position: fixed!important;
 background-color: #ffffff;
    font-size: 24px;
    height: 400px;
 margin-left: -150px;
 
 }
 .cme-form h6 {
 font-size: 48px;
    height: 70px;
   text-transform: uppercase;
     font-family: Tahoma;
     color: #222222;
    vertical-align: middle;
    width: 600px;
   margin-top: 20px;

 }
 .cme-fields span:nth-child(odd) {display: none;}
Romanello
Репутація: 1
Повідомлення: 6
Теми: 1
З нами: 2 роки 6 місяців

#90 Romanello » 25.05.2015, 10:28

поскольку форма фиксированная, то нужно добавить #cme-form-main {top: 100px!important;} иначе форма будет улетать вниз и ее не будет видно
Romanello
Репутація: 1
Повідомлення: 6
Теми: 1
З нами: 2 роки 6 місяців

#91 Alk » 25.05.2015, 13:03

День добрый, а вы задумывались как можно изменить ваш скрипт, чтобы в нем было выбор магазина по адресу и туда переходило письмо с номером телефона для перезвона? если да то очень интересно)))
Alk
Репутація: 0
Повідомлення: 1
З нами: 2 роки 5 місяців

#92 Nazar Tokar » 26.05.2015, 11:47

Romanello, вы можете также загрузить их в свою папку
Код: Виділити все
/callme/templates/имя_шаблона/style.css
и указать это имя шаблона в config.js.

Alk, такого не делал, обычно копии отправляют всем отделам или магазинам, если их несколько.
Читайте твітер.
Nazar Tokar M
Автор теми, Администратор
Аватар
Звідки: Україна
Репутація: 149
Повідомлення: 2509
Теми: 100
З нами: 4 роки 7 місяців

Поперед.

Повернутись в Розробка

Хто зараз на форумі (базується на активності користувачів за останні 30 хвилин)

Зараз переглядають цей розділ: 1 гість