Показать div с экранной клавиатурой при нажатии на поле ввода для текста.
Здравствуйте.
Мучаюсь уже несколько часов, решил попросить помощи у людей. Есть форма входа на сайт (код парольного ввода отрезан, потому что идентичен): <form action="c" method="post"> <input class="nameinput" type="text" name="uid" id="username" onclick=ShowNumLayer();> <div class="numkeys" id="numkeys"> <input type="button" class="fbutton" name="1" value="1" id="1" onClick=addNumber1(this);> <input type="button" class="fbutton" name="2" value="2" id="2" onClick=addNumber1(this);> <input type="button" class="fbutton" name="3" value="3" id="3" onClick=addNumber1(this);> <input type="button" class="fbutton" name="4" value="4" id="4" onClick=addNumber1(this);> <input type="button" class="fbutton" name="5" value="5" id="5" onClick=addNumber1(this);> <input type="button" class="fbutton" name="6" value="6" id="6" onClick=addNumber1(this);> <input type="button" class="fbutton" name="7" value="7" id="7" onClick=addNumber1(this);> <input type="button" class="fbutton" name="8" value="8" id="8" onClick=addNumber1(this);> <input type="button" class="fbutton" name="9" value="9" id="9" onClick=addNumber1(this);> <input type="button" class="fbutton" name="0" value="0" id="0" onClick=addNumber1(this);> <input id="btnDel" type="button" class="dbutton" value="Удалить" onclick=del1();> <input id="btnhide" type="button" class="dbutton" value="Закрыть" onclick=HideNumLayer();> </div> <input class="button" type="submit" value="Вход"> </form> CSS: Код:
.numkeys {
<script>
function addNumber1(element){
document.getElementById('username').value = document.getElementById('username').value+element.value;
}
function del1() {
var tbInput = document.getElementById("username");
tbInput.value = tbInput.value.substr(0, tbInput.value.length - 1);
}
function ShowNumLayer(){
document.getElementById('numkeys').style.display = inline;
}
function HideNumLayer(){
document.getElementById('numkeys').style.display = none;
}
</script>
Смысл в том, чтобы при нажатии на поле для ввода логина появлялся скрытый изначально div с экранной клавиатурой. Вроде и код очень простой, но почему-то ничего не работает.. :help: |
В кавычки возьмите inline, none
|
Огромное спасибо тебе, человек!
|
Возникла новая проблема))
Нужно прятать слой с одной клавиатурой и показывать новый при нажатии на поле ввода пароля. При просмотре кода страницы в браузере, второй onClick подсвечивается красным, как ошибка (в нём есть такая возможность). Подозреваю, что синтаксис неправильный, но как правильно - не знаю. Подскажите, как её исправить? <input class="passinput" type="password" name="password" id="password" onClick=ShowPassLayer(); onClick=HideTabLayer(); > |
Цитата:
<input class="passinput" type="password" name="password" id="password" onClick="HideTabLayer(); ShowPassLayer(); " > |
И ещё раз - огромное спасибо)
|
| Часовой пояс GMT +3, время: 08:10. |