Здравствуйте! Сразу к делу - есть 2 функции, приклеить их можно к любому элементу(по id). 1я - при наведении мыши - плавно снижает opacity элемента, 2я при выведении мыши - восстанавливает opacity. Повесил все это дело на кнопку, которая закрывает(удаляет) окно ну и себя вместе с ним. И при каждом закрытии окна происходит ошибка (в консоли) - т. к. 2я функция пытается повысить opacity елемента, который уже удален.
Есть предложения как это исправить ? - в общем это не критично, но все равно хочется без ошибок.
1я функция :
function onEventHoverOn(par) {
onEventHoverOn.num = 10;
objAff = document.getElementById(par);
function xxx() {
if (onEventHoverOn.num == 6) {
clearTimeout(stop);
} else {
onEventHoverOn.num -= 1;
objAff.style.opacity = "0."+onEventHoverOn.num;
stop = setTimeout(xxx, 50);
}
}
xxx();
}
---------------------------------
2я функция :
function onEventHoverOff(par1) {
onEventHoverOff.num = 6;
objAff1 = document.getElementById(par1);
function xxx1() {
if (onEventHoverOff.num == 9) {
objAff1.style.opacity = 1.0;
clearTimeout(stop1);
} else {
onEventHoverOff.num += 1;
objAff1.style.opacity = "0."+onEventHoverOff.num;
stop1 = setTimeout(xxx1, 50);
}
}
xxx1();
}
--------------
Так я цепляю елемент к этим функциям :
elem = document.getElementById("id-elem");
elem.onmouseover = function() { onEventHoverOn("id-elem"); }
elem.onmouseout = function() { onEventHoverOff("id-elem"); }