Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Как привязать div к курсору?
 
 автор: coloboc66   (12.03.2008 в 14:08)   письмо автору
 
 

Мне нужно сделать динамически появляющийся возле курсора при наведении на ссылку и убирающийся div. Как сделать его появление в определённом месте я знаю:
<a id="1" href="url.html" omouseover="put_div(this.id)" onmouseout="del_div()">Ssilka</a>
<script>
function put_div(a_id)
{
if(document.getElementById('prev_div1')){document.body.removeChild(document.getElementById('prev_div1'));}
var prev_div1=document.createElement('div');
prev_div1.innerHTML=a_id;
prev_div1.setAttribute('style','position:absolute;top:0px;left:0px;background-color:99CCFF;width:150px;height:70px');
prev_div1.setAttribute('id','prev_div1');
document.body.appendChild(prev_div1);
}
function del_div()
{
if(document.getElementById('prev_div1')){document.body.removeChild(document.getElementById('prev_div1'));}
}
</script>

Но не знаю, как привязать его к курсору мыши?

   
 
 автор: AlexSol   (12.03.2008 в 14:18)   письмо автору
 
   для: coloboc66   (12.03.2008 в 14:08)
 

при событие omouseover запускать таймер / setTimeOut("функция", 1000);/ и перерисовывать положени div, по onmouseout убивать таймер.

или воспользовать готовым решением всплывающая подсказка

   
 
 автор: coloboc66   (12.03.2008 в 14:49)   письмо автору
 
   для: AlexSol   (12.03.2008 в 14:18)
 

to AlexSol: привет!
Чего-то это готовое решение у меня не очень хорошо работает: текст последней ссылки не убирается с экрана. То есть как бы не хватает события onmouseout.

   
 
 автор: AlexSol   (12.03.2008 в 14:55)   письмо автору
 
   для: coloboc66   (12.03.2008 в 14:49)
 

ну, значит свое писать надо или другое посмотреть... у меня проблем таких нет.

   
 
 автор: coloboc66   (12.03.2008 в 15:21)   письмо автору
 
   для: AlexSol   (12.03.2008 в 14:55)
 

Разобрался - нужно было просто подключить функцию UnTip. Классная штучка! Спасибо!!! Только непонятно, для чего в архиве упакованы ещё два файла: tip_centerwindow.js и tip_followscroll.js Для чего они?
P.S. to AlexSol: а по тому моему вопросу (ты помнишь) я пока приостановился. Возникла другая задача пока.

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования