Ввод числа мышкой
Вложений: 1
Есть сайт на котором надо вводить цифры, и чтобы не отвлекаться на клавиатуру, хочу сделать для удобства ввод в input числа через выпадающий калькулятор для мышки... По типу из 1с.
Подскажите как такое сделать? Может есть готовый пример? |
<!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>
|
Спасибо за ответ. Нашел пару готовых вещей:
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. |
| Часовой пояс GMT +3, время: 01:49. |