Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 29.11.2013, 14:10
Интересующийся
Отправить личное сообщение для SeMiTr Посмотреть профиль Найти все сообщения от SeMiTr
 
Регистрация: 28.11.2013
Сообщений: 12

2 одинаковых объекта ведут себя по-разному.
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="insert.js" ></script>
<style>
body {
height: 2000px; /* подсказка должна работать независимо от прокрутки */
}
a {
position: relative;
z-index: 1;
}
.css {
position: absolute;
z-index: 2;
padding: 1em;
border-radius: 3px;
border:1px solid black;
opacity: 1.0;
background-color: white;
font-style:italic;
}
</style>
</head>
<body>
<a href="#" id="link" data-tooltip="подсказка длиннее, чем элемент">Короткая ссылка</a>
<a href="#" id="link2" data-tooltip="HTML<br>подсказка">Еще ссылка</a>

<script>
var id='';
document.body.onmouseout = function(e) {
var event = e || window.event;
var target = event.target || event.srcElement;
var relTarget = event.relatedTarget || event.toElement;
if (target.tagName=='A' && (relTarget.tagName!='A' || id!=target.id)){
var elem = target.getElementsByTagName('div')[0];
//target.style.visibility.hidden;
//alert(elem.id);
id=target.id;
target.removeChild(elem);
}
if (relTarget.tagName=='A'){
var newDiv = document.createElement('div');
newDiv.setAttribute('class', 'css');
newDiv.innerHTML = relTarget.getAttribute('data-tooltip');
//alert(newDiv);
relTarget.insertAdjacentElement('afterBegin', newDiv);
}
};
</script>
</body>
</html>
Первая ссылка не работает и при уведении с неё мыши генерирует ошибку, а вторая работает нормально. 2 часа думал в чём дело, так и не понял. Может, кто подскажет?
Ответить с цитированием
  #2 (permalink)  
Старый 29.11.2013, 16:45
Профессор
Отправить личное сообщение для Rise Посмотреть профиль Найти все сообщения от Rise
 
Регистрация: 07.11.2013
Сообщений: 4,449

Сообщение от SeMiTr Посмотреть сообщение
генерирует ошибку
Может стоит посмотреть что там написано...
Ответить с цитированием
  #3 (permalink)  
Старый 02.12.2013, 15:46
Интересующийся
Отправить личное сообщение для SeMiTr Посмотреть профиль Найти все сообщения от SeMiTr
 
Регистрация: 28.11.2013
Сообщений: 12

Я понял, где я дурак! Программу написал. Спасибо, Rise!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Оператор if по разному ведет себя в IE, Firefox и пр bartonom Javascript под браузер 1 03.06.2011 21:24
Ссылка на себя при инициализации объекта folibis Общие вопросы Javascript 2 22.11.2010 11:48
onmouseover отрабатывает по разному для одинаковых ячеек таблицы ilshat Events/DOM/Window 2 11.02.2009 12:25
Можно ли получить имя экземпляра объекта внутри самого объекта? Ichigeki Общие вопросы Javascript 9 14.11.2008 19:00