Вот есть скрипт подсказки, рабочий можно посмотреть тут outlaw.1bb.ru
но из-за громозкости, или не правильного использования... вообщем не нравится мне что нужно столько набивать всего, что бы сообразить единую подсказку...
Вот скрипт:
<script language=javascript>
<!--
function ShowToolTip (tipobject) {
if (document.all[tipobject]) {
var sw = document.body.clientWidth;
var sh = document.body.clientHeight;
var dw = document.all[tipobject].clientWidth;
var dh = document.all[tipobject].clientHeight;
var cx = self.event.clientX;
var cy = self.event.clientY;
if (sw < cx+dw+20) cx=sw-dw-20;
if (sh < cy+dh+20) cy=sh-dh-20;
document.all[tipobject].style.top=cy+document.body.scrollTop+15;
document.all[tipobject].style.left=cx+document.body.scrollLeft+10;
document.all[tipobject].style.visibility='visible';
}
}
function HideToolTip (tipobject) {
if (document.all[tipobject]) {
document.all[tipobject].style.visibility='hidden';
}
}
-->
</script><div id=idNx style="VISIBILITY: hidden; POSITION: absolute"><table cellSpacing=0 cellPadding=0 border=0><tbody><tr><td class=tip1 bgcolor=3A4F6C style="FILTER: Alpha(Opacity=90, FinishOpacity=70, Style=0, StartX=1, StartY=1, FinishX=88, FinishY=31)">
<color="blue"><b> Заголовок </b></color>
</td></tr><tr><td class=tip2 bgcolor=5A6C95 style="FILTER: Alpha(Opacity=90, FinishOpacity=70, Style=0, StartX=1, StartY=1, FinishX=88, FinishY=31)">
<p align="left">Содержимое</p>
</td></td></tr></tbody></table></div><div> · <A onmouseover="ShowToolTip('idNx')" onmouseout="HideToolTip('idNx')" onmousemove="ShowToolTip('idNx')" href="ссылка">"Название ссылки"</a></div>
То, что выделенно цветами, соответсвенно заполняется пользователем....
Теперь чтобы пользователю добавить новую строку с подсказкой, допустим туда-же...
Нужно написать целый блок:
<div id=idNx style="VISIBILITY: hidden; POSITION: absolute"><table cellSpacing=0 cellPadding=0 border=0><tbody><tr><td class=tip1 bgcolor=3A4F6C style="FILTER: Alpha(Opacity=90, FinishOpacity=70, Style=0, StartX=1, StartY=1, FinishX=88, FinishY=31)">
<color="blue"><b> Заголовок </b></color>
</td></tr><tr><td class=tip2 bgcolor=5A6C95 style="FILTER: Alpha(Opacity=90, FinishOpacity=70, Style=0, StartX=1, StartY=1, FinishX=88, FinishY=31)">
<p align="left">Содержимое</p>
</td></td></tr></tbody></table></div><div> · <A onmouseover="ShowToolTip('idNx')" onmouseout="HideToolTip('idNx')" onmousemove="ShowToolTip('idNx')" href="ссылка">"Название ссылки"</a></div>
Причем заменить то, что выделенно оранжевым и вписать в место x число, любое, главное что бы id-шники в модуле не повторялись вообще...
==============================
Так вот... хотелось бы оптимизировать страдания пользователей под добавлению подсказок, и использовать их можно много где, пример.... показывать все Доп. поля пользователя или скрытые по причинам экономии пространства.
Почему у меня не получается? хз....
Я хотел сделать так....
Что бы была единая функция, на вход которой идут все параметры, Содержимое, Заголовок, ссылку, описание ссылки ну и id если надо... она создает таблицу-подсказку, крепит к ссылке нужные события ну и отдает.
Отредактировано ExperT (2006-01-06 14:51:54)