всплывающая подсказка
 

нужно всплывающее окошко, как подсказка
при клике на икону(картинку) всплывает блок с поясняющим текстом, и через пару секунд пропадает
как это реализовать?

<script type="text/javascript" language="javascript">
function displayDivName( item ) {

var obj = document.getElementById(item);
var intTime;
if (obj.style.display != 'none') {
obj.style.display = 'none';
}
else{obj.style.display = 'block';}

}
</script>

<div style="position: relative;">
<div id="Text" style="display:none; position: absolute; z-index: 200;
border:#CCCCCC solid 1px; background: #ddeeff; height:50px; width:280px; font-family:Tahoma; font-size:12px;
padding: 5px 5px 5px 5px; margin-top: 20px; visibility: visible;">
Пояснительный текст
</div>
</div>
<img src="image.gif" border="0" width="15" style="border: 0pt none;" onclick="displayDivName('smsTexton'); return false;" />

..вот что сделано сейчас.

сейчас не могу понять куда и как засунуть таймер, чтобы закрывалось, через пару тройку секунд.
полагается, что с помощью setTimeout...

Помогите, плиз, давно на скриптами не пользовалась (работа не располагала), а сейчас время поджимает, надо по шустрому сделать :(

Стили:

#smsTexton{
	position: absolute;
	border: solid #AAAAAA 1px;
	color:#00CCFF;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 16px;
	padding: 2px 5px;
	margin: 25px 0px 0px 5px;

}

Скрипт:

var l = 0;
var t = 0;
var timer;
var IE = document.all?true:false;
document.onmousemove = getMouseXY;
var div = document.createElement("div");
function getMouseXY(e) {
	if (IE) {
		l = event.clientX ;
		t = event.clientY ;
	}
	else {
		l = e.pageX
		t = e.pageY
	}  
	
}

function TextAdd(text){
	document.body.appendChild(div );
	div.id = "smsTexton";
	div.innerHTML = text;
	timer = setTimeout(RemoveChild,3000);
  
}

function RemoveChild() {document.body.removeChild(document.getElementById("smsTexton"))}

ШТМЛ:

<div onclick="TextAdd('Текст подсказки,<br /> жди 3 сек и он исчезнет</b>')">
	Это подсказка!
<div>

Все оказалось, гораздо проще :dance:

function displayDivName( item ) {

	var obj = document.getElementById(item);
	var intTime;
	if (obj.style.display != 'none') {
		obj.style.display = 'none';
	} 
		else{obj.style.display = 'block';
		setTimeout(function() { obj.style.display = 'none'; }, 3000);}
	
}

надо было еще чуток поковыряться :)))))

ну и тем не менее спасибо за помощь, этот скриптик, тоже возьму себе на заметку :)