Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 09.06.2014, 12:02
Новичок на форуме
Отправить личное сообщение для potap Посмотреть профиль Найти все сообщения от potap
 
Регистрация: 05.06.2014
Сообщений: 5

Скрипт цепляет другие div'ы
Будьте здравы, бояре! Есть вопрос

на сайте http://php5lab.com/blog128.html я нашел скрипт с бегающей за курсором подсказкой (вот его работа на отдельной странице http://php5lab.com/jquery/mouse_on.html)

<style> 
div { 
 position:absolute; 
 top:0; 
 left:0; 
 padding:5px; 
 width:200px; 
 height:100px; 
 border: 1px solid #283250; 
 } 
</style>



<div>Блок, который постоянно двигается за курсором мышки... Например – подсказка или еще что то:)</div>


<script> 
$(document).ready(function(){ 
   $(window).mousemove(function (pos) { 
    $("div").css('left',(pos.pageX+20)+'px').css('top',(pos.pageY+20)+'px'); 
   }); 
}); 
</script>


Проблема в том, что когда добавляешь этот скрипт на страницу с контентом, курсор начинает за собой таскать не только окно подсказки, но и остальные div'ы. Как можно сделать так чтобы скрипт относился к содержимому только одного div'a?
Ответить с цитированием
  #2 (permalink)  
Старый 09.06.2014, 12:33
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

potap,
а вы в курсе про id? или class?
Ответить с цитированием
  #3 (permalink)  
Старый 09.06.2014, 13:14
Новичок на форуме
Отправить личное сообщение для potap Посмотреть профиль Найти все сообщения от potap
 
Регистрация: 05.06.2014
Сообщений: 5

Сообщение от рони Посмотреть сообщение
potap,
а вы в курсе про id? или class?
ни хрена не знаком, может ты подскажешь
Ответить с цитированием
  #4 (permalink)  
Старый 09.06.2014, 13:21
х.з
Посмотреть профиль Найти все сообщения от dmitriymar
 
Регистрация: 21.11.2010
Сообщений: 4,588

Сообщение от potap
ни хрена не знаком, может ты подскажешь
а может гугл подскажет?
Ответить с цитированием
  #5 (permalink)  
Старый 09.06.2014, 13:33
Аватар для Vlasenko Fedor
Профессор
Отправить личное сообщение для Vlasenko Fedor Посмотреть профиль Найти все сообщения от Vlasenko Fedor
 
Регистрация: 13.03.2013
Сообщений: 1,572

<html onmousemove="
        txt.style.left = +event.clientX + 20 + 'px';
        txt.style.top = +event.clientY + 20 + 'px';
        ">
  
  <head>
    <style>
      #txt {
        border: 1px solid #ccc;
        width: 200px;
        padding: 5px;
        position: absolute;
      }
    </style>
  </head>
  
  <body>
    <div id="txt">Блок, который постоянно двигается за курсором мышки... Например – подсказка или еще что то:)</div>
  </body>
</html>
Ответить с цитированием
  #6 (permalink)  
Старый 09.06.2014, 13:37
Новичок на форуме
Отправить личное сообщение для potap Посмотреть профиль Найти все сообщения от potap
 
Регистрация: 05.06.2014
Сообщений: 5

Сообщение от dmitriymar Посмотреть сообщение
а может гугл подскажет?
уже подсказал

теперь второй вопрос как приделать ко всему этому безобразию управляемые куки (включить/отключить, период хранения)
Ответить с цитированием
  #7 (permalink)  
Старый 09.06.2014, 15:45
Новичок на форуме
Отправить личное сообщение для potap Посмотреть профиль Найти все сообщения от potap
 
Регистрация: 05.06.2014
Сообщений: 5

уточню вопрос

Хотелось бы, чтобы после 1 клика подсказка пропадала, я так понимаю событие связанное с кликом нужно встроить сюда

<script> 
$(document).ready(function(){ 
   $(window).mousemove(function (pos) { 
    $("div").css('left',(pos.pageX+20)+'px').css('top',(pos.pageY+20)+'px'); 
   }); 
}); 
</script>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
2 компьютера 1 хром и 1 скрипт Megatron13 Opera, Safari и др. 1 21.07.2013 19:12
Как вывести дату, чтобы не повторять скрипт пару раз xXapokalypsesXx Общие вопросы Javascript 10 27.06.2013 13:43
Почему скрипт не работает с данными, которые вернул другой скрипт? Rooner jQuery 3 20.09.2012 14:56
Изменить скрипт Изучаю_JS Общие вопросы Javascript 0 12.02.2012 22:05
А как зделать скрипт, чтобы например скрипт 1 заменялся скриптом 2? yura371 Общие вопросы Javascript 3 06.01.2009 22:40