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

Syltan

Дата 22.4.2010, 17:13 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 301
Регистрация: 31.8.2009

Репутация: -1
Всего: -2

Смотрю видеоурок, и там переписал вот такой код.

Должно при наведении на текст ,как там говорится повится должна подсказка.

Вот исходник, но почему-то вообще ничего не происходит, как исправить проблемму?

Код



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

нуп

Дата 22.4.2010, 17:20 (ссылка)

(нет голосов)

Загрузка ...

Ботокодер

Профиль
Группа: Участник
Сообщений: 987
Регистрация: 22.6.2009
Где: Кременчуг

Репутация: 12
Всего: 33

Не закрыл скобочку }

Код


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

Нужно

Код


<p onmouseover="vsplil.show('Первый абзац', this.offsetLeft, this.offsetTop)';"
onmouseout='vsplil.hide()'>

Syltan

Дата 22.4.2010, 17:34 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 301
Регистрация: 31.8.2009

Репутация: -1
Всего: -2

Если написать так, код тоже не будет работать.

Код


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

нуп

Дата 22.4.2010, 17:40 (ссылка)

(нет голосов)

Загрузка ...

Ботокодер

Профиль
Группа: Участник
Сообщений: 987
Регистрация: 22.6.2009
Где: Кременчуг

Репутация: 12
Всего: 33

Код


<p onmouseover="vsplil.show('Первый абзац', this.offsetLeft, this.offsetTop);"

Да я накосчил

Это сообщение отредактировал(а) нуп - 22.4.2010, 17:41

Syltan

Дата 22.4.2010, 17:50 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 301
Регистрация: 31.8.2009

Репутация: -1
Всего: -2

Попробовал так, что-то тоже не помогает.

Код


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

Первый абзац
</p>

</body>
</html>

нуп

Дата 22.4.2010, 17:53 (ссылка)

(нет голосов)

Загрузка ...

Ботокодер

Профиль
Группа: Участник
Сообщений: 987
Регистрация: 22.6.2009
Где: Кременчуг

Репутация: 12
Всего: 33

Код


<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.4.2010, 17:59 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 301
Регистрация: 31.8.2009

Репутация: -1
Всего: -2

Как-то странно, почему стили не подействовали на него, оно не взялось в рамку

нуп

Дата 22.4.2010, 18:03 (ссылка)

(нет голосов)

Загрузка ...

Ботокодер

Профиль
Группа: Участник
Сообщений: 987
Регистрация: 22.6.2009
Где: Кременчуг

Репутация: 12
Всего: 33

Ну конечно ты не прописал css под нужный тебе class.

Syltan

Дата 22.4.2010, 18:44 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 301
Регистрация: 31.8.2009

Репутация: -1
Всего: -2

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

Код


<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 - 22.4.2010, 18:45

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »