Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 19.08.2010, 23:34
Новичок на форуме
Отправить личное сообщение для zerstoren Посмотреть профиль Найти все сообщения от zerstoren
 
Регистрация: 19.08.2010
Сообщений: 2

is not define от новичка
Здравствуйте коллеги программисты.
Я не давно начал изучать js по учебнику Девида Флэнагана (5е издание)

Но у меня возникают какие-то мне не понятные ошибки в конструкторе.

Код:
<html>
<head><meta http-equiv="content-type" content="text/html; charset=windows-1251" /> 
<style type="text/css">
.tooltipShadow {
background-color:#333333; margin:3px 3px; }
.tooltypeContent {
background-color:#888888; }
</style>

<script>

function Tooltip( ) {
this.tooltip = document.createElement('div');
this.tooltip.style.position = "absolute";
this.tooltip.style.visibility = "hidden";
this.tooltip.style.className = "tooltipShadow";
//end of shadow DIV
this.content = document.createElement('div');
this.content.style.position = "relative";
this.content.className = 'tooltipContent';

this.tooltip.appendChild(this.content);
}
	Tooltip.prototype.show = function(text, x, y) {
	this.content.innerHTML += text;
	this.tooltip.style.left = x + "px";
	this.tooltip.style.right = y + "px";
	this.tooltip.style.visibility = "visible";

	if(this.tooltip.parentNode != document.body)  document.body.appendChild(this.tooltip); 
};

	Tooltip.prototype.hide = function() {
	this.tooltip.style.visibility = "hidden"; };
</script></head>
<body>



<p >Сделать невидимой навсегда</p>
<p><a href="" onMouseOver="show('s',1,1);" onMouseOut="hide();">Куку</a></p>

</body>
</html>
Вот полный код. Ошибку отдает простую и ее содержание понимаю, но не могу понять по какой причине она всплывает
show is not define
hide is not define

перепроверил по учебнику содержание пару раз, но результатов на фикс ошибки не получил.
Пожалуйста ткните один раз носом где я ошибся, чтоб более не обращаться по таким глупостям на форум и не спрашивать у людей.

Большое спасибо
Ответить с цитированием
  #2 (permalink)  
Старый 20.08.2010, 03:09
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,123

Функций show и hide у тебя нет самих по себе это протототипы функции Tooltip создай хотябы 1 экземпляр этой функции и потом пользуйся
P.S. названия классов в стиле и скрипте не совпадает

<html>
<head><meta http-equiv="content-type" content="text/html; charset=windows-1251" />
<style type="text/css">
.tooltipShadow {
background-color:#333333; margin:3px 3px; }
.tooltypContent {
background-color:#888888; }
</style>

<script>

function Tooltip( ) {
this.tooltip = document.createElement('div');
this.tooltip.style.position = "absolute";
this.tooltip.style.visibility = "hidden";
this.tooltip.style.className = "tooltipShadow";
//end of shadow DIV
this.content = document.createElement('div');
this.content.style.position = "relative";
this.content.className = 'tooltypContent';

this.tooltip.appendChild(this.content);
}
	Tooltip.prototype.show = function(text, x, y) {
	this.content.innerHTML += text;
	this.tooltip.style.left = x + "px";
	this.tooltip.style.right = y + "px";
	this.tooltip.style.visibility = "visible";

	if(this.tooltip.parentNode != document.body)  document.body.appendChild(this.tooltip);
};

	Tooltip.prototype.hide = function() {
	this.tooltip.style.visibility = "hidden"; };
*!*  
var a = new Tooltip();
*/!*
</script>

</head>
<body>
<p >Сделать невидимой навсегда</p>

<p><a href=""  onmouseover="a.show('s',1,1);"  onmouseout="a.hide();">Куку</a></p>

</body>
</html>

Последний раз редактировалось рони, 20.08.2010 в 03:21.
Ответить с цитированием
  #3 (permalink)  
Старый 20.08.2010, 10:42
Новичок на форуме
Отправить личное сообщение для zerstoren Посмотреть профиль Найти все сообщения от zerstoren
 
Регистрация: 19.08.2010
Сообщений: 2

Спасибо и +1, теперь мне будет ясно что я делаю не так)
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Что не так (вопрос от новичка) wermut Общие вопросы Javascript 3 12.07.2010 13:53
Вопросыо jquery от "полного" новичка.....???? OopsOops jQuery 2 29.04.2010 18:00
Вопрос новичка... Aleksew Общие вопросы Javascript 1 14.02.2010 12:26
Вопрос от новичка: сменить тип инпута по клику на флажке Menelion Elensule jQuery 2 23.11.2009 17:28
Вопрос новичка XML "when test" gosha_kap (X)HTML/CSS 1 16.07.2009 12:30