Действия при наведении на элемент
 

Всем привет! Помогите пожалуйста решить проблему.
Вобщем мне нужно чтобы при навдении на картинку она закрашивалась определенным цветом и на этом фоне выводился текст, а когда курсор уводится с картинки, все возвращается как было. Написал следующий код:

function t(obj,elem,text) {
x=obj.style;
x[elem]="none";
document.getElementById('test').innerHTML = '<span>'  + text + '</span>';
}

function t2(obj,elem,img) {
x=obj.style;
x[elem]="url(img/"+img+")";
document.getElementById('test').innerHTML = '';
}

<div id="test" style="width:100px;height:100px;background-image:url(img/3.jpg);background-color:#0293DD;" onmouseover="t(this,'backgroundImage','текст для вставки')" onmouseout="t2(this,'backgroundImage','3.jpg')"></div>

В принципе все работает, но при наведении курсора на текст, срабатывает событие onmouseout и появляется исходная картинка. Собственно вопрос, как мне сделать чтобы при наведении на текст ничего не происходило. А менялось только тогда, когда курсор уводится с самого фона. Заранее спасибо!

Пусть mouseout делает проверку target

А можно подробнее как им пользоваться. Прописал следующее, но все равно, как только курсор попадает на текст, появляется исходная картинка:

onmouseout="k=event.target||event.srcElement; t2(this,'backgroundImage','3.jpg')"

Гениально! Странно, что не работает...

А если без стеба?

Думаю, вот это поможет Вам избежать стёба Sweet-а ;)
Так, как Вы написали, работать не будет.

Спасибо, почитаю