Показать сообщение отдельно
  #1 (permalink)  
Старый 14.05.2009, 19:35
Интересующийся
Отправить личное сообщение для Tend Посмотреть профиль Найти все сообщения от Tend
 
Регистрация: 16.03.2009
Сообщений: 13

Нужен самый малообъемный скрипт показа собственной подсказки при наведении на ссылку.
Нужен самый малообъемный скрипт показа собственной подсказки (title) при наведении на ссылку.
Еще чтобы во всех браузерах работал.

Один есть, но нужен ну очень маленький по объему.
Вот этот есть:

<a href='#' onmouseover='hintshow(event,1);' onmouseout='hinthide();'>link1</a>
<a href='#' onmouseover='hintshow(event,2);' onmouseout='hinthide();'>link2</a>

<script language='JavaScript'>
<!--
function hinthide()
{
	var div = document.getElementById('hintdiv').style;
	div.visibility = 'hidden';
	div.display = 'none';
}
function hintshow(e,id)
{
	var e = e || window.event;
	var x = e.x || e.clientX;
	var y = e.y || e.clientY;
	var dtop = 10;
	var dleft = 15;
	var rightw = 500;
	var r = new Array();
	r[1] = 'Подсказка1';
	r[2] = 'Подсказка2';

	var div = document.getElementById('hintdiv');
	if ( !div )
	{
		div = document.createElement('div');
		div.id = 'hintdiv';
		div.style.backgroundColor = '#ffffff';
		div.style.border = 'solid #333333 1px';
		div.style.position = 'absolute';
		div.style.padding = '5px';
		document.body.appendChild(div);
		div = document.getElementById('hintdiv');
	}
	div.innerHTML = r[id];
	dst = div.style;
	var s;
	if ( typeof window.pageYOffset != 'undefined' )
	{ s = window.pageYOffset; }
	else if ( typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat' )
	{ s = document.documentElement.scrollTop; }
	else if ( typeof document.body != 'undefined' )
	{ s = document.body.scrollTop; }
	dst.top = s+y+dtop;
	if ((screen.width-(rightw+50))<(x+dleft)) { dst.left = x - rightw; } else { dst.left = x + dleft; }
	dst.visibility = 'visible';
	dst.display = 'block';
}
// -->
</script>
Ответить с цитированием