Где-то ошибка в сценарии.

alex81 · August 29, 2007

Здравствуйте. Этот кусок кода взят из книги JavaScript.Просто как 2х2. Люди подскажите что здесь не так, почему не работает (Отрывок из книги: "..Когда пользователь подводит указатель мыши к заголовку категории, открывается вложенный список гиперссылок, относящийся к этой категоии...Если пользователь перемещает указатель на другой заголовок категории, список ссылок предыдущей категории сворачивается, а под заголовком категории возникает новый список...". Только начал изучать JavaScript как попал в ступор блин.

Спасибо.

<html>
<head>
<title>Index</title>
</head>
<BODY>
<FORM><DIV STYLE='color: blue; text-decoration: underline'> 
 <P ONMOUSEOVER=f1()>Группа 1</P>
 <UL ID='group_1' NAME='group_1'></UL> 
 <P ONMOUSEOVER=f2()>Группа 2</P>
 <UL ID='group_2' NAME='group_2'></UL>
 <P ONMOUSEOVER=f3()>Группа 3</P>
 <UL ID='group_3' NAME='group_3'></UL>
</DIV></FORM>

<SCRIPT>
 function f1(){
 window.group_2.innerHTML=""
 window.group_3.innerHTML=""
 window.group_1.innerHTML="<LI ONMOUSEOVER=on_select
 ('art1.htm')>Статья 1</LI><LI ONMOUSEOVER=on_select
 ('art2.htm')>Статья 2</LI><LI ONMOUSEOVER=on_select
 ('art3.htm')>Статья 3</LI>"
};

 function f2(){
 window.group_1.innerHTML=""
 window.group_3.innerHTML=""
 window.group_2.innerHTML="<LI ONMOUSEOVER=on_select
 ('art4.htm')>Статья 4</LI><LI ONMOUSEOVER=on_select
 ('art5.htm')>Статья 5</LI>"
};

 function f3(){
 window.group_1.innerHTML=""
 window.group_2.innerHTML=""
 window.group_3.innerHTML="<LI ONMOUSEOVER=on_select
 ('art5.htm')>Статья 6</LI>"
};

 function on_select(name){
 top.main.location.replace(name); 
};
</SCRIPT>
</BODY>
</html>

yopopt · August 29, 2007

Интересно что за книга такая... Сразу видно что не работает. Надо обращаться к ид не по window.ид, а по document.getElementById("ид"). А то фаерфокс не пойм?т. Плюс у вас в innerHTML стоят переносы строк. Так нельзя.

Вот испавил скрипт. Просто сравните:

<html>
<head>
<title>Index</title>
</head>
<BODY>
<FORM><DIV STYLE='color: blue; text-decoration: underline'> 
 <P ONMOUSEOVER=f1()>Группа 1</P>
 <UL ID='group_1' NAME='group_1'></UL> 
 <P ONMOUSEOVER=f2()>Группа 2</P>
 <UL ID='group_2' NAME='group_2'></UL>
 <P ONMOUSEOVER=f3()>Группа 3</P>
 <UL ID='group_3' NAME='group_3'></UL>
</DIV></FORM>

<SCRIPT>
 function f1(){
 document.getElementById("group_2").innerHTML=""
 document.getElementById("group_3").innerHTML=""
document.getElementById("group_1").innerHTML="<LI ONMOUSEOVER=on_select"+
 "('art1.htm')>Статья 1</LI><LI ONMOUSEOVER=on_select"+
 "('art2.htm')>Статья 2</LI><LI ONMOUSEOVER=on_select"+
 "('art3.htm')>Статья 3</LI>"
}

 function f2(){
 document.getElementById("group_1").innerHTML=""
 document.getElementById("group_3").innerHTML=""
 document.getElementById("group_2").innerHTML="<LI ONMOUSEOVER=on_select('art4.htm')>Статья 4</LI><LI ONMOUSEOVER=on_select('art5.htm')>Статья 5</LI>"
};

 function f3(){
 document.getElementById("group_1").innerHTML=""
 document.getElementById("group_2").innerHTML=""
 document.getElementById("group_3").innerHTML="<LI ONMOUSEOVER=on_select('art5.htm')>Статья 6</LI>"
};

 function on_select(name){
 main.location.replace(name); 
};
</SCRIPT>
</BODY>
</html>

P.S. Не надо отправлять сообщения много раз. Форум болеет, но нормально принимает сообщения.

Maslakoff · August 29, 2007

выкиньте эту книгу. ничему хорошему она не нучит.

alex81 · August 29, 2007

Всем спасибо. С многократным сообщением думал глюк, т.к. ошибку форум выдавал. Теперь буду знать. А книга наз-ся "JavaScript.Просто как 2х2" авт. О.Н. Рева. изд. Эксмо.

alex81 · August 29, 2007

Из сообщения yopopt я понял что "+" используется при переносе строки? И еще посоветуйте пожалуйста что лучше для изучения JS, и если можно где скачать. Спасибо.

alex81 · August 30, 2007

Не получается редактировать сообщение. Еще вопрос есть. Почему в строке top.main.location.replace(name); убран top

D.S.Denton · August 30, 2007

Почему в строке top.main.location.replace(name); убран top

потому что он там не нужен.

великая схема объектов применительно к ИЕ:

[window]
 |
 |-->[history]
 |-->[event]
 |-->[location]
 |-->[screen]
 |-->[navigator]
 | |
 | |-->{mimeTypes}
 | |-->{plugins}
 |
 |-->{frames}-->{[document]s}
 |-->[document]
 |
 |-->[element]
 |-->[body]
 |-->{all}
 |-->{anchors}
 |-->{applets}
 |-->{embeds}
 |-->{filters}
 |-->{images}-->{areas}
 |-->{links}
 |-->{plugins}
 |-->{scripts}
 |-->{selection}
 |-->{styleSheets}
 |-->{forms}

D.S.Denton · August 30, 2007

я понял что "+" используется при переносе строки?

плюс это математический оператор сложения. в случае строк сложением является их склейка

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

D.S.Denton · August 30, 2007

что лучше для изучения JS

скрипт-подборки:

http://scriptic.ru/javascript.shtml

http://javascript.internet.com

из книг - имхо, Дунаев. во всяком случае из бумажных его мне понравилась больше остальных.

http://www.internet-technologies.ru/books/book_128.html

alex81 · August 30, 2007

Огромное ВАМ всем спасибо за помощь!

Sign In

Где-то ошибка в сценарии.

Question

alex81

Link to comment

Share on other sites

9 answers to this question

Recommended Posts

yopopt

Link to comment

Share on other sites

Maslakoff

Link to comment

Share on other sites

alex81

Link to comment

Share on other sites

alex81

Link to comment

Share on other sites

alex81

Link to comment

Share on other sites

D.S.Denton

Link to comment

Share on other sites

D.S.Denton

Link to comment

Share on other sites

D.S.Denton

Link to comment

Share on other sites

alex81

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information