Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами 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
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Проблемы со скриптами (кодами) :: [Архив] Проблемы со скриптами
Страница 1 из 1
И снова код. Всплывающее окно пояснения к тексту.
Опять рылся по интернету и опять нашёл код)
Код создаёт всплывающее окно пояснения к тексту. И он действительно его создаёт. Одна проблема - не там, где надо. А надо вот как - рядом с мышкой, как вот тут справа на рекламе "ОЙ!".
Ну и просто - какие есть способы выравнивания окон? Кроме, разумеется, координат? Низ ссылки, край картинки, нет?
- Код:
<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
Re: И снова код. Всплывающее окно пояснения к тексту.
Кто-нибудь поможет?
Драйкон-
-
Сообщения : 153
Регистрация : 2010-03-12
Благодарности : 3
Re: И снова код. Всплывающее окно пояснения к тексту.
У нас же тут в 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-
- Сообщения : 737
Регистрация : 2008-01-11
Благодарности : 111
Re: И снова код. Всплывающее окно пояснения к тексту.
Хм. Чем не устраивает код, который ты мне дал. Ни то ни сё. Див создаётся по координатам, зависящим от положения мышки, но в то же время его местоположение просчитывается только один раз, что некрасиво. Посмотри, как сделано тут. В принципе, похоже, но красивее, див знает, где мышка и ползёт за ней.
Драйкон-
-
Сообщения : 153
Регистрация : 2010-03-12
Благодарности : 3
Re: И снова код. Всплывающее окно пояснения к тексту.
darkWol? Ответь, пожалуйста? Возможно, подойдёт что-то вроде Action Script-овского
- Код:
_root.onEnterFrame = function () {};
Драйкон-
-
Сообщения : 153
Регистрация : 2010-03-12
Благодарности : 3
Re: И снова код. Всплывающее окно пояснения к тексту.
Драйкон, нет, 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 раз(а)
Re: И снова код. Всплывающее окно пояснения к тексту.
Отлично, работает, спасибо) Один вопрос - положение "подсказки" сейчас на нулях относительно курсора. Т.е. если я хочу её куда-нибудь подвинуть, нужно поменять
- Код:
var x = 0, y = 0
Драйкон-
-
Сообщения : 153
Регистрация : 2010-03-12
Благодарности : 3
Re: И снова код. Всплывающее окно пояснения к тексту.
Вот, отредактировал скрипт.
- Код:
<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>
Re: И снова код. Всплывающее окно пояснения к тексту.
Хм. А в чём разница первых двух кодов?
Драйкон-
-
Сообщения : 153
Регистрация : 2010-03-12
Благодарности : 3
Re: И снова код. Всплывающее окно пояснения к тексту.
Вот в этом:
- Код:
coordX = 5; /* Смещение по горизонтали относительно курсора в пикселях */
coordY = 0; /* Смещение по вертикали относительно курсора в пикселях */
Драйкон-
-
Сообщения : 153
Регистрация : 2010-03-12
Благодарности : 3
Re: И снова код. Всплывающее окно пояснения к тексту.
Код хороший, спасибо, отлично работает.
Драйкон-
-
Сообщения : 153
Регистрация : 2010-03-12
Благодарности : 3
Похожие темы
» Всплывающее окно
» Всплывающее окно
» Всплывающее окно для незарегестрированных
» Всплывающее окно для зарегистрированных
» Всплывающее окно
» Всплывающее окно
» Всплывающее окно для незарегестрированных
» Всплывающее окно для зарегистрированных
» Всплывающее окно
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Проблемы со скриптами (кодами) :: [Архив] Проблемы со скриптами
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения