Подсказка при наведении курсора мыши - JavaScript, Ajax

Syltan · 22.04.2010, 18:07

Смотрю видеоурок, и там переписал вот такой код.
Должно при наведении на текст ,как там говорится повится должна подсказка.
Вот исходник, но почему-то вообще ничего не происходит, как исправить проблемму?

Код:

<html>
<head>
<style type="text/css">
background-color: blue;
padding:10px;
border:1px solid black;
position:absolute;
</style>

<script type="text/javascript">
function podskazka() {
this.show = function(text,x,y) {
var div = document.createElement('div');
div.className = 'podskazka';
div.id = 'metka';
div.innerHTML = text;
var koordx = x + 10;
var koordy = y + 20;
div.style.left = koordx + 'px';
div.style.top = koordy + 'px';
document.body.appendChild(div);
}

this.hide = function() {
var metka = document.getElementById('metka');
metka.parentNode.removeChild(metka);
}
  var vsplil = new podskazka();

</script>
</head>


<body>
<p onmouseover='vsplil.show('Первый абзац', this.offsetLeft, this.offsetTop)'
onmouseout='vsplil.hide()'>
Текст абзаца
</p>

</body>
</html>

Syltan · 22.04.2010, 19:35

Вот так сработало.

Код:

<html>
<head>
<style type="text/css">
.podskazka{
background-color: blue;
padding:10px;
border:1px solid black;
position:absolute;
}
</style>
 
<script type="text/javascript">
function podskazka() {
this.show = function(text,x,y) {
var div = document.createElement('div');
div.className = 'podskazka';
div.id = 'metka';
div.innerHTML = text;
var koordx = x + 10;
var koordy = y + 20;
div.style.left = koordx + 'px';
div.style.top = koordy + 'px';
document.body.appendChild(div);
}
this.hide = function() {
var metka = document.getElementById('metka');
metka.parentNode.removeChild(metka);
}
}
  var vsplil = new podskazka();
</script>
</head>
<body>
<p onmouseover="vsplil.show('Первый абзац', this.offsetLeft, this.offsetTop);"
onmouseout='vsplil.hide()'>
Первый абзац
</p>
</body>
</html>

Если кто может прокоментируйте в каждой строке этот код, как он рабоатет. Заранее благодарю.

Syltan · 23.04.2010, 15:31

Всё вроде понял после 4 просмотра видео. Тут возник ещё вопрос вот this.offsetLeft, this.offsetTop
Это 2 аргумента который передаются в функцию show,верно?
Может ли вместо this.offsetLeft, this.offsetTop стоять что-то иное ,в примеру. this.saxar, this.moloko

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
TImage,стиль при наведении курсора	DimOn4Ik	Общие вопросы Delphi	3	29.10.2009 21:16
Смена картинки при наведении курсора	Шсу	HTML и CSS	1	26.10.2009 19:50
Выделение картинки при наведении курсора	blazer-05	HTML и CSS	1	03.07.2009 10:43
При наведении на ячейку выводится всплывающаяя подсказка	xxxsas	JavaScript, Ajax	4	02.04.2009 16:16
увеличение излбражения при наведении курсора	SKS	HTML и CSS	4	08.03.2009 13:39

23.04.2010, 15:31	#3
Syltan Заблокирован Регистрация: 27.08.2009 Сообщений: 569	Всё вроде понял после 4 просмотра видео. Тут возник ещё вопрос вот this.offsetLeft, this.offsetTop Это 2 аргумента который передаются в функцию show,верно? Может ли вместо this.offsetLeft, this.offsetTop стоять что-то иное ,в примеру. this.saxar, this.moloko