Форум

kristow · #1 (**permalink**) 02.11.2015, 17:09

Есть сайт на котором надо вводить цифры, и чтобы не отвлекаться на клавиатуру, хочу сделать для удобства ввод в input числа через выпадающий калькулятор для мышки... По типу из 1с.
Подскажите как такое сделать? Может есть готовый пример?

EmperioAf · #2 (**permalink**) 02.11.2015, 20:06

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>ГГ</title>
<style>
#button {
  width: 30px;
  height: 30px;
}
</style>
</head>
<body>
<input type="text">
<button id="button">9</button>

<script>
button.onclick = function(){
  var input = document.querySelector('input[type="text"]')
  input.value += 9;
}
</script>
</body>
</html>

kristow · #3 (**permalink**) 03.11.2015, 09:45

Спасибо за ответ. Нашел пару готовых вещей:
http://megascripts.ru/load/skripty_v_ajax_okne/8-1-0-94
отсюда виртуальная клавиатура работает, но она с буквами, это лишнее.
http://ruseller.com/lessons.php?id=145&rub=1
Эта хороша, но я ее не могу запустить у себя...
Подскажите что может быть не так?
Во первых я в javascript написал не так как в примере, т.к. у меня id
динамичный. Я прописал по классу.

$(function () {

$('#defaultKeypad').keypad();

});

заменил на:

$(function () {

$('[class*="nomer"]').keypad();

});

В итоге на элемент input я получаю

<input class="input-medium focused nomer hasKeypad" type="text" name="s4et_nom" id="s4et_nom-16-2015-11-01" autocomplete="off" value="0" readonly="readonly">

Что вроде как показывает что скрипт нашел мой элемент. Но при нажатии по элементу клавиатура не появляется... Еще нюанс у меня input с таким классом много на странице. И эти элементы появляются в разных модальных окнах. Может быть в этом косяк... Короче подскажите пожалуйста как решить эту проблему?

И еще, не знаю критично или нет, но у меня используется и подключен jquery 1.9.1, а в примере использования скрипта используют jquery 1.3.1.

Форум

Справочник

Discord чат

Курсы javascript