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

Сообщение сайта

(Сообщение закроется через 3 секунды)

Здравствуйте, гость (

| Вход | Регистрация )

SEO форум MaulTalk.com > Веб-строительство > Программная часть

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

Опции

people2010

Topic Starter сообщение

22.4.2010, 18:09; Ответить: people2010

Сообщение #1

Группа: User
Сообщений: 302
Регистрация: 20.3.2010
Поблагодарили: 0 раз
Репутация:

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

<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>

Ответить с цитированием данного сообщения

people2010

Topic Starter сообщение

22.4.2010, 19:35; Ответить: people2010

Сообщение #2

Группа: User
Сообщений: 302
Регистрация: 20.3.2010
Поблагодарили: 0 раз
Репутация:

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

<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>

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

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой

или обратитесь к любому из модераторов.

« Предыдущая тема · Программная часть · Следующая тема »

1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)

Пользователей: 0

Похожие темы

Тема	Ответов	Автор	Просмотров	Последний ответ
Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на первый заказ. Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на п	7	stu999	1753	31.3.2024, 11:19 автор: stu999
Получил странную ссылку при линкбилдинге Как поведет себя поиск при обнаружении странной ссылке?	10	r0mZet	2203	24.10.2022, 19:23 автор: Wachowski
300 площадок под вечные ссылки на выбор: ТИЦ 20-9400, PR 0-6, ЯК, DMOZ. Скидки при пакетном заказе!	65	inkon	30375	19.7.2022, 13:41 автор: Funoman
тИЦ отменили! Новый показатель Яндекса ИКС! Лучшие площадки под размещение. Бесплатное написание статей при любом заказе. Эксклюзивное предложение. Успей получить написание статей БЕСПЛАТНО	71	VIMstat	78477	21.6.2022, 9:38 автор: VIMstat
Отображение нужного блока при клике.	0	bhtml	1663	10.7.2020, 15:18 автор: -bhtml-

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

Текстовая версия

Сейчас: 19.4.2024, 12:14

Дизайн