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

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

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

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

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

Правила форума

для обязательного прочтения!

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

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

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


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

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

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

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

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

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

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

Ссылки на полезные ресурсы

Последние темы
» Не корректное отображение картинок
автор Luz Вчера в 12:40

» Переход с 2x2forum.ru на 2x2forum.com
автор Luz Вчера в 12:13

» Проблема с метатегом Description
автор VeraLV Март 18th 2024, 15:31

» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43

» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37

» Новое: Откройте для себя функцию "Подписка на пользователей"
автор лексей2222 Март 1st 2024, 17:26

» 301 редирект
автор Dana Domirani Февраль 25th 2024, 18:28

» Помощь в нескольких вопросах по форуму
автор лексей2222 Февраль 22nd 2024, 13:21

» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор Dana Domirani Февраль 14th 2024, 00:54

» Загрузка форума
автор лисенок Февраль 13th 2024, 01:09

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

Участников: 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

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

Мужчина

Сообщения : 340
Возраст : 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

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

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

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

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

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