Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.

И снова код. Всплывающее окно пояснения к тексту. Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.

И снова код. Всплывающее окно пояснения к тексту. Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях
Важная информация!

Правила форума
для обязательного прочтения!

Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.

Я админ, не могу зайти!
(забыл / потерял пароль)

Общий FAQ по управлению форумом

FAQ: реклама на форуме

Туториалы по разным функциям ваших форумов

Алфавитный указатель

Интересные решения для форумов

Наши видео-туториалы

Условия пользования сервисом

Ссылки на полезные ресурсы
Последние темы
» ВПН
автор Danny_Marcelo Сегодня в 07:47

» Пропала вкладка "Обработка пользователей"
автор Svet007 Вчера в 07:39

» Как найти администратора?
автор PushPayer Ноябрь 21st 2024, 00:58

» Не корректное отображение картинок
автор VENEFICA. Ноябрь 15th 2024, 14:46

» Не меняется название форума
автор Aviator Ноябрь 14th 2024, 15:40

» Дублируется ссылка на форум в боковом меню
автор Чистый сталкер Октябрь 26th 2024, 21:13

» совет админам
автор лексей2222 Октябрь 23rd 2024, 05:45

» Проблема с гугл из-за Hitskin
автор Вултур Октябрь 21st 2024, 15:43

» [решено]Редактирвоание темы
автор AlexDarkTech Октябрь 13th 2024, 08:14

» Пропали иконки редактирования - HEEELP
автор Archaea Сентябрь 23rd 2024, 18:11

Видео-туториалы
Настройка шапки форума
Категории и подфорумы - 1
Создание портала
Модули
Виджеты
Как присваивать награды
Выброс кубиков
Pop-up для входа на форум
Настроение в профиле

И снова код. Всплывающее окно пояснения к тексту.

Участников: 5

Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Проблемы со скриптами (кодами) :: [Архив] Проблемы со скриптами

Перейти вниз

И снова код. Всплывающее окно пояснения к тексту. Empty И снова код. Всплывающее окно пояснения к тексту.

Сообщение автор Драйкон Сентябрь 3rd 2010, 22:12

Опять рылся по интернету и опять нашёл код)

Код:
<script language="javascript">
function changeVisibility()
  {
  var obj = document.getElementById("popup");
  var mlink = document.getElementById("mlink");
  if (obj.style.visibility == "hidden")
    {
      obj.style.top = mlink.offsetTop+20;
      obj.style.left = mlink.offsetLeft;
      obj.style.visibility = "visible";
    }
  else obj.style.visibility = "hidden";
  }
</script>
<a onMouseOver="changeVisibility();" onMouseOut="changeVisibility();" href="#http://eliya.2x2forum.ru/" id="mlink">Ссылка</a><div id="popup" style="visibility:hidden; position:absolute; top:0px; left:0px;">Всплывающее окно</div>

Код создаёт всплывающее окно пояснения к тексту. И он действительно его создаёт. Одна проблема - не там, где надо. А надо вот как - рядом с мышкой, как вот тут справа на рекламе "ОЙ!".

Ну и просто - какие есть способы выравнивания окон? Кроме, разумеется, координат? Низ ссылки, край картинки, нет?
Драйкон
Драйкон
 

Мужчина

Сообщения : 153
Регистрация : 2010-03-12
Благодарности : 3

Без предупреждений

Вернуться к началу Перейти вниз

И снова код. Всплывающее окно пояснения к тексту. Empty Re: И снова код. Всплывающее окно пояснения к тексту.

Сообщение автор Драйкон Сентябрь 5th 2010, 13:09

Кто-нибудь поможет?
Драйкон
Драйкон
 

Мужчина

Сообщения : 153
Регистрация : 2010-03-12
Благодарности : 3

Без предупреждений

Вернуться к началу Перейти вниз

И снова код. Всплывающее окно пояснения к тексту. Empty Re: И снова код. Всплывающее окно пояснения к тексту.

Сообщение автор darkWoL Сентябрь 5th 2010, 17:50

У нас же тут в phpBB3 уже есть функция и реализована (вон на поиске нажми)

Код:
<a class="mainmenu" onmouseover="showhide(document.getElementById('hidden_div')); return false;" onmouseout="showhide(document.getElementById('hidden_div')); return false;">Навели!</a>
<div id="hidden_div" style="display:none; position: absolute; width: 350px; z-index: 10001; top: 216px; left: 380px; display: none;">
Подсказка к "Навели!"</div>

Как-то так... может быть чуток не такой будет, но смысл сохраняет
avatar
darkWoL
 

Сообщения : 737
Регистрация : 2008-01-11
Благодарности : 111

Без предупреждений

Вернуться к началу Перейти вниз

И снова код. Всплывающее окно пояснения к тексту. Empty Re: И снова код. Всплывающее окно пояснения к тексту.

Сообщение автор Драйкон Сентябрь 8th 2010, 07:47

Хм. Чем не устраивает код, который ты мне дал. Ни то ни сё. Див создаётся по координатам, зависящим от положения мышки, но в то же время его местоположение просчитывается только один раз, что некрасиво. Посмотри, как сделано тут. В принципе, похоже, но красивее, див знает, где мышка и ползёт за ней.
Драйкон
Драйкон
 

Мужчина

Сообщения : 153
Регистрация : 2010-03-12
Благодарности : 3

Без предупреждений

Вернуться к началу Перейти вниз

И снова код. Всплывающее окно пояснения к тексту. Empty Re: И снова код. Всплывающее окно пояснения к тексту.

Сообщение автор Драйкон Сентябрь 10th 2010, 18:13

darkWol? Ответь, пожалуйста? Возможно, подойдёт что-то вроде Action Script-овского
Код:
_root.onEnterFrame = function () {};
? Это бы всё решило... Насколько я понял, координаты div-а пересчитываются при наведении на ссылку? Вот и надо сделать так, чтобы они пересчитывались каждую милисекунду...
Драйкон
Драйкон
 

Мужчина

Сообщения : 153
Регистрация : 2010-03-12
Благодарности : 3

Без предупреждений

Вернуться к началу Перейти вниз

И снова код. Всплывающее окно пояснения к тексту. Empty Re: И снова код. Всплывающее окно пояснения к тексту.

Сообщение автор Irbis Сентябрь 10th 2010, 21:45

Драйкон, нет, JS с AS хоть и похожи синтаксисом, но все же это разные языки.
Вот набросал тебе скрипт:
Код:
<a href="#" onmousemove = "dragLink(event);" onmouseout="hideT();">Наведи на ссылку</a>
<span id="hText" style="display:none; border: 1px solid #999999; background:#FFFFFF; position:absolute; z-index:999; padding: 5px;">Это подсказка к ссылке</span>
<script type="text/javascript">
function mousePageXY(e) {
  var x = 0, y = 0;
 
  if (e.pageX || e.pageY){
      x = e.pageX - 5;
      y = 21 + e.pageY;
  }
  if (e.clientX || e.clientY){
      x = e.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft) - document.documentElement.clientLeft - 5;
      y = 21 + e.clientY + (document.documentElement.scrollTop || document.body.scrollTop) - document.documentElement.clientTop;
  }

  return {"x":x, "y":y};
};
function dragLink(even){
   ShowSpan = document.getElementById("hText");
   ShowSpan.style.display="block";
   Coordinates = mousePageXY(even);
   ShowSpan.style.left = Coordinates.x+5+"px";
   ShowSpan.style.top = Coordinates.y+"px";
   };
function hideT(){
   HideSpan = document.getElementById("hText");
   HideSpan.style.display="none";
   }
/* Powered by SiteNull.ru */
</script>


Последний раз редактировалось: Irbis (Сентябрь 11th 2010, 15:40), всего редактировалось 1 раз(а)
Irbis
Irbis
 

Мужчина

Сообщения : 581
Возраст : 38
Регистрация : 2008-02-10
Благодарности : 217

Без предупреждений

https://help.forum2x2.ru/u849

Вернуться к началу Перейти вниз

И снова код. Всплывающее окно пояснения к тексту. Empty Re: И снова код. Всплывающее окно пояснения к тексту.

Сообщение автор Драйкон Сентябрь 10th 2010, 22:58

Отлично, работает, спасибо) Один вопрос - положение "подсказки" сейчас на нулях относительно курсора. Т.е. если я хочу её куда-нибудь подвинуть, нужно поменять
Код:
var x = 0, y = 0
это, или что?
Драйкон
Драйкон
 

Мужчина

Сообщения : 153
Регистрация : 2010-03-12
Благодарности : 3

Без предупреждений

Вернуться к началу Перейти вниз

И снова код. Всплывающее окно пояснения к тексту. Empty Re: И снова код. Всплывающее окно пояснения к тексту.

Сообщение автор Sunnyta Сентябрь 10th 2010, 23:02

Наверное вот этим
Код:
padding: 5px;
Sunnyta
Sunnyta
 

Сообщения : 1577
Регистрация : 2008-03-20
Благодарности : 63

Без предупреждений

http://www.sun-place.com/

Вернуться к началу Перейти вниз

И снова код. Всплывающее окно пояснения к тексту. Empty Re: И снова код. Всплывающее окно пояснения к тексту.

Сообщение автор Irbis Сентябрь 11th 2010, 15:39

Вот, отредактировал скрипт.
Код:
<a href="#" onmousemove = "dragLink(event);" onmouseout="hideT();">Наведи на ссылку</a>
<span id="hText" style="display:none; border: 1px solid #999999; background:#FFFFFF; position:absolute; z-index:999; padding: 5px;">Это подсказка к ссылке</span>
<script type="text/javascript">
coordX = 5; /* Смещение по горизонтали относительно курсора в пикселях */
coordY = 0; /* Смещение по вертикали относительно курсора в пикселях */
function mousePageXY(e) {
  var x = 0, y = 0;
 
  if (e.pageX || e.pageY){
      x = e.pageX - 5;
      y = 21 + e.pageY;
  }
  if (e.clientX || e.clientY){
      x = e.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft) - document.documentElement.clientLeft - 5;
      y = 21 + e.clientY + (document.documentElement.scrollTop || document.body.scrollTop) - document.documentElement.clientTop;
  }

  return {"x":x, "y":y};
};
function dragLink(even){
  ShowSpan = document.getElementById("hText");
  ShowSpan.style.display="block";
  Coordinates = mousePageXY(even);
  ShowSpan.style.left = Coordinates.x+coordX+"px";
  ShowSpan.style.top = Coordinates.y+coordY+"px";
  };
function hideT(){
  HideSpan = document.getElementById("hText");
  HideSpan.style.display="none";
  }
/* Powered by SiteNull.ru */
</script>
Irbis
Irbis
 

Мужчина

Сообщения : 581
Возраст : 38
Регистрация : 2008-02-10
Благодарности : 217

Без предупреждений

https://help.forum2x2.ru/u849

Вернуться к началу Перейти вниз

И снова код. Всплывающее окно пояснения к тексту. Empty Re: И снова код. Всплывающее окно пояснения к тексту.

Сообщение автор Чистый сталкер Сентябрь 11th 2010, 16:26

Интересно, а куда такой код ставить?
Чистый сталкер
Чистый сталкер
 

Мужчина

Сообщения : 341
Возраст : 28
Регистрация : 2009-06-11
Благодарности : 11

Без предупреждений

https://www.stalker-cop.com/

Вернуться к началу Перейти вниз

И снова код. Всплывающее окно пояснения к тексту. Empty Re: И снова код. Всплывающее окно пояснения к тексту.

Сообщение автор Irbis Сентябрь 11th 2010, 16:36

Та куда угодно pardon
Irbis
Irbis
 

Мужчина

Сообщения : 581
Возраст : 38
Регистрация : 2008-02-10
Благодарности : 217

Без предупреждений

https://help.forum2x2.ru/u849

Вернуться к началу Перейти вниз

И снова код. Всплывающее окно пояснения к тексту. Empty Re: И снова код. Всплывающее окно пояснения к тексту.

Сообщение автор Драйкон Сентябрь 11th 2010, 21:13

Хм. А в чём разница первых двух кодов?
Драйкон
Драйкон
 

Мужчина

Сообщения : 153
Регистрация : 2010-03-12
Благодарности : 3

Без предупреждений

Вернуться к началу Перейти вниз

И снова код. Всплывающее окно пояснения к тексту. Empty Re: И снова код. Всплывающее окно пояснения к тексту.

Сообщение автор Irbis Сентябрь 12th 2010, 00:09

Вот в этом:
Код:
coordX = 5; /* Смещение по горизонтали относительно курсора в пикселях */
coordY = 0; /* Смещение по вертикали относительно курсора в пикселях */
Irbis
Irbis
 

Мужчина

Сообщения : 581
Возраст : 38
Регистрация : 2008-02-10
Благодарности : 217

Без предупреждений

https://help.forum2x2.ru/u849

Вернуться к началу Перейти вниз

И снова код. Всплывающее окно пояснения к тексту. Empty Re: И снова код. Всплывающее окно пояснения к тексту.

Сообщение автор Драйкон Сентябрь 12th 2010, 00:54

А)
Драйкон
Драйкон
 

Мужчина

Сообщения : 153
Регистрация : 2010-03-12
Благодарности : 3

Без предупреждений

Вернуться к началу Перейти вниз

И снова код. Всплывающее окно пояснения к тексту. Empty Re: И снова код. Всплывающее окно пояснения к тексту.

Сообщение автор Драйкон Сентябрь 17th 2010, 17:31

Код хороший, спасибо, отлично работает.
Драйкон
Драйкон
 

Мужчина

Сообщения : 153
Регистрация : 2010-03-12
Благодарности : 3

Без предупреждений

Вернуться к началу Перейти вниз

Вернуться к началу

- Похожие темы

Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Проблемы со скриптами (кодами) :: [Архив] Проблемы со скриптами

 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения