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

HTML+CSS+JavaScript

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

 

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

вид форума:
Линейный форум (новые сообщения вниз) Структурный форум

тема: div все время держать сбоку под мышкой

Сообщения:  [1-4] 

 
 автор: Lelik   (25.09.2006 в 00:56)   письмо автору
 
   для: CrazyAngel   (24.09.2006 в 23:48)
 

для полного счастья в ИЕ замени скрипты на

function moveDiv()
   {
      if(document.getElementById("doc").scrollTop > 0)
         {
            document.getElementById("dv").style.left = event.clientX;
            document.getElementById("dv").style.top = (event.clientY + document.getElementById("doc").scrollTop);
         }
      else
         {
            document.getElementById("dv").style.left = event.clientX;
            document.getElementById("dv").style.top = event.clientY;
         }
      
   }
   
function divStartPos()
   {
      if(document.getElementById("doc").scrollTop > 0)
         {
            document.getElementById("dv").style.left = event.clientX;
            document.getElementById("dv").style.top = (event.clientY + document.getElementById("doc").scrollTop);
         }
      else
         {
            document.getElementById("dv").style.left = event.clientX;
            document.getElementById("dv").style.top = event.clientY;
         } 
   }

   
 
 автор: Lelik   (25.09.2006 в 00:36)   письмо автору
 
   для: CrazyAngel   (24.09.2006 в 23:48)
 

Доработал предыдущий код (минус в том, что только под ИЕ)


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Див + курсор - одно целое :)</title>
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
<META http-equiv="Content-Type" content="text/html; charset=windows-1251">
<script language="javascript">
<!--
function moveDiv()
   {
      document.getElementById("dv").style.left = event.clientX;
      document.getElementById("dv").style.top = event.clientY;
   }
   
function divStartPos()
   {
      document.getElementById("dv").style.left = event.clientX;
      document.getElementById("dv").style.top = event.clientY; 
   }
//-->
</script>

</head>
<body id="doc" onLoad="divStartPos()" onMouseMove="moveDiv()">

<div id="dv" style="position:absolute; left:0; top:0; height:100; width:100; z-index:2; background-color:#0066CC">
</div>

</body>
<html>

   
 
 автор: Lelik   (25.09.2006 в 00:22)   письмо автору
 
   для: CrazyAngel   (24.09.2006 в 23:48)
 

Это типа, чтоб див за курсором бегал?
Если да, то сделай функцию дял события event.onMouseMove, то есть при каждом перемещении курсора обновляй позицию дива.
примерно так (но это только для ИЕ, как в Мозилле заделать я сам еще не разобрался)

<script language="javascript">
<!--
function moveDiv()
{
document.getElementById("dv").style.left = event.clientX;
document.getElementById("dv").style.top = event.clientY;
}
//-->
</script>
//ну и сам див
<div id="dv" style="position:absolute;
left:0; top:0; width:100; height:100; z-index:2" onMouseMove="moveDiv()">
</div>

   
 
 автор: CrazyAngel   (24.09.2006 в 23:48)   письмо автору
 
 

Мне нужно div все время держать сбоку под мышкой, может у кого есть подобный? поделитесь пожалуйста, а то я в нете чего-то найти ничего не могу.

   

Сообщения:  [1-4] 

Форум разработан IT-студией SoftTime
Rambler's Top100
вверх

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