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

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


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

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

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


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

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

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

Предыдущая тема Следующая тема Перейти вниз

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

Сообщение автор Драйкон в Пт 3 Сен - 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>

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

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

Мужчина

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

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

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

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

Сообщение автор Драйкон в Вс 5 Сен - 13:09

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

Мужчина

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

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

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

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

Сообщение автор darkWoL в Вс 5 Сен - 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>

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

darkWoL
 

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

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

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

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

Сообщение автор Драйкон в Ср 8 Сен - 7:47

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

Мужчина

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

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

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

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

Сообщение автор Драйкон в Пт 10 Сен - 18:13

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

Мужчина

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

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

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

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

Сообщение автор Irbis в Пт 10 Сен - 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 (Сб 11 Сен - 15:40), всего редактировалось 1 раз(а)
avatar
Irbis
 

Мужчина

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

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

http://help.forum2x2.ru/u849

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

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

Сообщение автор Драйкон в Пт 10 Сен - 22:58

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

Мужчина

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

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

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

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

Сообщение автор Sunnyta в Пт 10 Сен - 23:02

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

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

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

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

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

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

Сообщение автор Irbis в Сб 11 Сен - 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>
avatar
Irbis
 

Мужчина

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

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

http://help.forum2x2.ru/u849

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

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

Сообщение автор Чистый сталкер в Сб 11 Сен - 16:26

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

Мужчина

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

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

http://stalkerforum-gold-zp.forum2x2.ru/forum.htm

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

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

Сообщение автор Irbis в Сб 11 Сен - 16:36

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

Мужчина

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

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

http://help.forum2x2.ru/u849

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

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

Сообщение автор Драйкон в Сб 11 Сен - 21:13

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

Мужчина

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

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

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

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

Сообщение автор Irbis в Вс 12 Сен - 0:09

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

Мужчина

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

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

http://help.forum2x2.ru/u849

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

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

Сообщение автор Драйкон в Вс 12 Сен - 0:54

А)
avatar
Драйкон
 

Мужчина

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

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

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

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

Сообщение автор Драйкон в Пт 17 Сен - 17:31

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

Мужчина

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

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

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

Предыдущая тема Следующая тема Вернуться к началу


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