| |
|
|
| | Здравствуйте.
Всплывающая подсказка в ИЕ6 работает хорошо до тех пор пока на страничке нет полей формы - на их месте всплывающее окно уходит за эти поля. Перепробовал много различных готовых вариантов, но не нашел исправного. И z-index не помагает :(
Подскажите выход?
Пробовал и такой вариант, может кому будет интересен:
<style type="text/css">
#bubble_tooltip{
width:147px;
position:absolute;
display:none;
}
#bubble_tooltip .bubble_middle{
padding-left:7px;
padding-right:7px;
}
#bubble_tooltip .bubble_middle span{
position:relative;
top:-8px;
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
font-size:11px;
}
</style>
<script type="text/javascript">
function showToolTip(e,text){
if(document.all)e = event;
var obj = document.getElementById('bubble_tooltip');
var obj2 = document.getElementById('bubble_tooltip_content');
obj2.innerHTML = text;
obj.style.display = 'block';
var st = Math.max(document.body.scrollTop,document.documentElement.scrollTop);
if(navigator.userAgent.toLowerCase().indexOf('safari')>=0)st=0;
var leftPos = e.clientX - 100;
if(leftPos<0)leftPos = 0;
obj.style.left = leftPos + 'px';
obj.style.top = e.clientY - obj.offsetHeight -1 + st + 'px';
}
function hideToolTip()
{
document.getElementById('bubble_tooltip').style.display = 'none';
}
</script>
<div id="bubble_tooltip">
<div class="bubble_middle"><span id="bubble_tooltip_content"></span></div>
</div>
<br><br><br><br><br><a href="" onmouseover="showToolTip(event,'Это текст в окне всплыващей подсказки');return false" onmouseout="hideToolTip()">Наведите курсор</A>
|
| |
| |
|
|
| |
|
|
| |
для: sirop
(06.02.2009 в 18:19)
| | | это не баг и IE тут ни при чем. элементы формы всегда будут наверху, они рисуются системой. если нельзя сместить тултип, надо временно скрывать поля формы, которые на него налезают. все равно они не нужны в тот момент, когда человек подсказку читает. убрал тултип - показал поле. и наоборот. | |
| |
|
|
| |
|
|
| |
для: elenaki
(06.02.2009 в 19:30)
| | | Но ведь в ИЕ7 правильно отображает, и ФФ, и Опера тоже верно, а ИЕ6... - поля сверху
А как это можно прятать поля формы? Можно пример? | |
| |
|
|
| |
|
|
| |
для: sirop
(06.02.2009 в 19:38)
| | | Поля формы перекрываются ифреймами или такими же полями формы, написанными
в коде позднее (ниже).
Т.е. вместо <div id="bubble_tooltip"> пропишите, например, <textarea id="bubble_tooltip">,
задайте ему нужные вам стили (проставьте размеры, уберите скролл и бордеры, смените
шрифт...), заполняйте текстом не innerHTML, а value... и всё будет
чудненько перекрываться.
Но не забудьте, вcплывающее поле должно быть оформлено в HTML-коде НИЖЕ полей формы. | |
| |
|
|
| |
|
|
| |
для: PAT
(06.02.2009 в 19:45)
| | | Спасибо, сейчас буду пробовать | |
| |
|
|
| |
|
|
| |
для: PAT
(06.02.2009 в 19:45)
| | | >заполняйте текстом не innerHTML, а value... и всё будет
>чудненько перекрываться.
не знаю, как правильно это заменить - всё время выдает у меня ошибку. Как правильно это написать? | |
| |
|
|
| |
|
|
| |
для: elenaki
(06.02.2009 в 19:30)
| | | такой трабл кстати только в ие.
в остальных всегда помню див нормально ложился на поля :) | |
| |
|
|
