| |
|
|
| | Здравствуйте!
У меня такой вопрос ,а точнее не вопрос а просьба натолкнуть на мысль 8-)...
Как можно реализовать компонент, который бы повторял поведение параметра title или alt элемента IMG, используя JavaScript.
Спасибо | |
| |
|
|
| |
|
|
| |
для: servannin
(28.12.2004 в 15:31)
| | | http://www.softtime.ru/forum/read.php?id_forum=4&id_theme=637 | |
| |
|
|
| |
|
|
| |
для: elenaki
(28.12.2004 в 15:37)
| | | Что я не туда вставил ????
<HTML>
<HEAD>
<DIV ID="topdeck" CLASS="popper"> </DIV>
<style TYPE="text/css">
<!--
body{
overflow:scroll;overflow-x:hidden
}
.popper
{
position : absolute;
visibility : hidden;
}
//-->
</style>
<SCRIPT>
var nav = (document.layers);
var iex = (document.all);
var skn = (nav) ? document.topdeck : topdeck.style;
if (nav) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = get_mouse;
function pop(msg) // msg = это сообщение, оно передается в ссылке в кавычках (вместо msg)
{
var content ="<TABLE CELLPADDING=2 CELLSPACING=0 style='border-width: 1px; border-color: black; border-style: solid; background-color: ffffff'><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD>" + msg + "</p></TD></TR></TABLE></TD></TR></TABLE>"; // здесь пишешь, что хочешь
if (nav)
{
skn.document.write(content);
skn.document.close();
skn.visibility = "visible";
}
else if (iex)
{
document.all("topdeck").innerHTML = content;
skn.visibility = "visible";
}
}
function get_mouse(e)
{
var x = (nav) ? e.pageX : event.x+document.body.scrollLeft;
var y = (nav) ? e.pageY : event.y+document.body.scrollTop;
skn.left = x-80; // координаты смещения от позиции курсора
skn.top = y-80; // координаты смещения от позиции курсора
}
function kill() // "убивает" окошко
{
skn.visibility = "hidden";
}
</SCRIPT>
</HEAD>
<BODY>
<a href="qwerty.html" ONMOUSEOVER="pop('msg')" ONMOUSEOUT="kill()" >sdf</a>
</BODY>
</HTML> | |
| |
|
|
| |
|
|
| |
для: servannin
(28.12.2004 в 16:12)
| | | <DIV ID="topdeck" CLASS="popper"> </DIV>
в слое нужен неразрывный пробел
а еще - координаты смещения (-80) уводят слой за пределы браузера. поставьте поменьше - 10 или 20 | |
| |
|
|
| |
|
|
| |
для: elenaki
(28.12.2004 в 16:37)
| | | почему то всё равно хинт не выскакивает ... и пишет что ошибка на странице
y не могу понять в чём дело | |
| |
|
|
| |
|
|
| |
для: servannin
(28.12.2004 в 16:44)
| | | переводы строк нигде не попались? Java-script их не любит. в каком редакторе смотрите?
в моем с подсветкой кода все нормально. никаких ошибок, кроме тех, исправленных.
уберите все комментарии. проверьте кавычки (вложенность). | |
| |
|
|
| |
|
|
| |
для: elenaki
(28.12.2004 в 16:49)
| | | я просматриваю в Homesite5 ...
выводится ошибка - "topdeck"-определение отсутствует | |
| |
|
|
| |
|
|
| |
для: servannin
(28.12.2004 в 17:01)
| | | а refresh делали? я тоже в HomeSite работаю. после добавления неразрывного пробела и обновления стрaницы больше не ругается. можно даже точку поставить вместо , но как только я убираю из слоя все - ругается, что topdeck неопределен. | |
| |
|
|
| |
|
|
| |
для: elenaki
(28.12.2004 в 17:03)
| | | OO ... всё прекрасно работает !
Огромное спасибо за Вашу бесценную помощь и терпение! 8-)
У меня не было ... я отменял действия и по ошибке отменил и вставку пробела...
У меня есть ещё вопросик на который очень прошу ответить , хотя если ответа не будет всё равно ещё раз Большое спасибо(я просто не первый раз кидаю вопросы на этот форум и всегда получаю ответы (в том числе и Вы мне не первый раз помогаете ))
вопрос НЕ заключается в написании кода!!! 8-)
Вообщем вопрос таков:
Я решил сделать тестовое залание , в котором нужно сделать :
2) Реализуйте компонент, который бы повторял поведение параметра title или alt элемента IMG. ( JavaScript).
Минимальные требования:
1) Возможность простого изменения дизайна хинта.
2) Любой элемент находящийся на странице может показывать этот хинт.
3) Простота добавления хинта к элементу.
4) Он должен функционировать аналогично параметрам title/alt.
5) Поддержка HTML-форматирования внутри самого хинта. Т.е если передать строку "<b>Hint text goes here</b>",
текст "Hint text goes here" должен при отображении выделен жирным.
6) Поддержка IE 5.х, 6.х.
7) Поддержка эффекта "прозрачности".
Вопрос по пункту 3) :
Здесь имеется простота добавления в коде?? или это как то нужно реализовать в самом браузере??
Вопрос по пункту 5) :
Каким способом здесь можно реализовать HTML-форматирование ( это имеется ввиду передача в коде или опять же в браузере)
И если можно дайте пожалуйста свои предположения по этому заданию. | |
| |
|
|
| |
|
|
| |
для: servannin
(28.12.2004 в 17:30)
| | |
ONMOUSEOVER="pop('msg')" ONMOUSEOUT="kill()"
|
это добавления хинта к элементу. довольно просто, по-моему. если нужно, можно сделать и прямо в HTML добавление - поле формы, выбор тэга, вывод кода командой document.write.
var content ="<TABLE CELLPADDING=2 CELLSPACING=0 style='border-width: 1px; border-color: black; border-style: solid; background-color: ffffff'><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD>" + msg + "</p></TD></TR></TABLE></TD></TR></TABLE>";
|
это HTML - форматирование. в переменную можно записать код таблицы, различные стили, бакграунды, картинки. тоже просто.
а насчет того, что имелось ввиду, может, надо спросить у тех, кто задание придумывал? ;) | |
| |
|
|
| |
|
|
| |
для: elenaki
(28.12.2004 в 17:37)
| | | Точно.Нужно спросить. ))
Спасибо!
До новых вопросов... | |
| |
|
|
