Добрый день
Помогите, пожалуйста, разобраться с jQuery offset.
Вот что сделал я.
Что получилось сделать: задать topTitle.
Что не получилось сделать:
- окно предупреждение появляется только у первого элемента, а нужно, чтобы появлялось у всех элементов с class="prompt";
- выравнивание окна предупреждения относительно центра элемента с class="prompt";
- разный текст в разных окнах предупреждения.
-
<input type="text" class="prompt" />
<textarea class="prompt"></textarea>
<input type="button" class="prompt" value="Отправить" />
-
textarea {
margin: 75px 0 0 63px;
display: block;
}
input[type="button"] {
margin: 90px 0 0 135px;
display: block;
}
.title {
padding: 5px 15px;
background: red;
font-weight: bold;
position: absolute;
}
-
tip();
function tip() {
var prompt = $('.prompt');
var offset = prompt.offset();
var topTitle = prompt.height() + offset.top + 15;
var leftTitle = offset.left - prompt.width() / 4;
var titleText = 'Введите данные';
$('<span class="title"></span>')
.css({
'top' : topTitle,
'left' : leftTitle
})
.appendTo('body')
.text(titleText);
}