Перезагрузить страницу Как сделать чтобы не терялся фокус у инпута?
Всем привет. есть код
$(function () {
$('.tip').each(function () {
var trigger = $(this);
var info = $('.popup');
$(trigger).focus(function () {
var width = trigger.offset();
info.css({
top: width.top+30,
left: width.left,
display: 'block'
});
}).blur(function () {
info.css({
display: 'none'
});
});
});
});
<head>
<style type="text/css" media="screen">
<!--
.popup {
position: absolute;
display: none;
z-index: 50;
border-collapse: collapse;
}
-->
</style>
</head>
<body>
<input type='text' name='dfd' class="tip">
<input type='text' name='dfd' class="tip">
<input type='text' name='dfd' class="tip">
<input type='text' name='dfd' class="tip">
<div id="dpop" class="popup"> sdfdsfdfgdfgdfgdfgfsdvbcxvzxcv</div>
</body>
При нажатии на инпут, показывается див чуть ниже того инпута на который нажал. Как сделать чтобы при нажатии на этот див, который открылся, он не проподал, чтобы фокус на инпуте оставался. А если тыкнуть в другое место то фокус должен пропасть. Сори в теме откудато взялось слово "Перезагрузить страницу " )) |
Моя истинная задумка это сделать ввод чисел в инпут мышкой посредствам открывающихся картинок (чиел в диве)
Тыкнул на инпут, выскачил рядом с этим инпутом див. внутри дива циферки как на калькуляторе. тыкаю на числа и они добавляются в тот инпут на который изначально нажали. Если кто делал такое, помогите плиз кодом |
Цитата:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>demo</title>
<script type='text/javascript' src='http://code.jquery.com/jquery-git.js'></script>
<script>
$(function(){
var inp = $('input');
inp.focus(function () {
$('div').show();
});
$('button').click(function () {
inp.val(inp.val() + $(this).text());
});
});
</script>
</head>
<body>
<input type="text">
<div style="display: none">
<button>1</button>
<button>2</button>
<button>3</button>
</div>
</body>
</html>
|
Pavel M.,
Супер. Только при клике на другое место (пустое или еще куда-то) Див с цифрами должен проподать. |
Цитата:
$(document.body).click(function (e) {
if($(e.target).is('body')){
$('div').hide();
}
});
если кликнули на body, то скрывайте нужный элемент |
Pavel M.,
Сделал почти так как сказал. Все получилось)) Если интересно скину ссылку на саму реализацию |
| Часовой пояс GMT +3, время: 09:38. |