|
|
|
| Помогите, пожалуйста, подправить этот код, чтобы ЕСЛИ РАЗМЕР БОКСА СО ВСПЛЫВАЮЩИМ ТЕКСТОМ ПРИМЕЧАНИЯ БОЛЬШЕ, ЧЕМ РАССТОЯНИЕ ДО ПРАВОЙ ГРАНИЦЫ ОКНА, то бокс <div id=descriptions>'+content+'</div> выводился не влево относительно курсора, а вправо?
<script type=\"text/javascript\">
var content=new Array()
$text_note'
var img = document.createElement('div');
function changetext(content)
{
img = document.createElement('div');
document.body.appendChild(img);
img.innerHTML = '<div id=descriptions>'+content+'</div>';
img.style.position = 'absolute';
move();
}
function move(e)
{
e = e || window.event
if (e.pageX == null && e.clientX != null )
{
var html = document.documentElement
var body = document.body
e.pageX = e.clientX + (html && html.scrollLeft || body && body.scrollLeft || 0) - (html.clientLeft || 0)
e.pageY = e.clientY + (html && html.scrollTop || body && body.scrollTop || 0) - (html.clientTop || 0)
}
img.style.left = e.pageX + 15 + 'px';
img.style.top = e.pageY + 15 + 'px';
}
function out()
{
document.body.removeChild(img);
}
</script>
|
| |
|
|
|
|
|
|
|
для: SS
(06.04.2012 в 01:42)
| | Примерный расчет
e.pageX -= (e.pageX + img.style.width > document.width?(img.style.width < e.pageX?img.style.width:e.pageX):0);
//если сумма смещения по оси Х и ширины бокса будет больше ширины окна, то уменьшаем смещение по оси Х:
1. Если ширина бокса больше смещения по оси Х то, смещение выставляем в 0 что бы бокс не ушел за экран
2. Если ширина бокса меньше смещения по оси Х, то смещаем бокс влево на эту ширину.
|
| |
|
|
|
|
|
|
|
для: ONYX
(06.04.2012 в 03:02)
| | Я не знаю заранее ширину бокса img.style.width - макс. ширина бокса (400px) прописана в css для блока DIV, в котором выводится подсказка. Подскажите, как быть?
img.innerHTML = '<div id=descriptions>'+content+'</div>';
|
| |
|
|
|
|
|
|
|
для: SS
(06.04.2012 в 04:16)
| | Используйте img.offsetWidth | |
|
|
|
|
|
|
|
для: ЯСА
(06.04.2012 в 04:25)
| | Спасибо.
А как сделать задержку вывода подсказки на 0,5 сек? | |
|
|
|
|
|
|
|
для: SS
(06.04.2012 в 07:36)
| | setTimeout | |
|
|
|