В чем проблема? Не работает.
Всем привет!
Решил , все таки, уже начать изучать JS. Подскажите в чем проблема? Код не работает. Списывал с книги. ))) Или я рук@жопый))))
<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<form>
<div style="color:blue; text-decoration::underline;">
<p onmouseover="f1"> Group 1</p>
<ul id="group_1" name="group_1"></ul>
<p onmouseover="f2"> Group 2</p>
<ul id="group_2" name="group_2"></ul>
<p onmouseover="f3"> Group 3</p>
<ul id="group_3" name="group_3"></ul>
</div>
</form>
[JS]<script language="javascript">
function f1(){
window.group_2.innerHTML=""
window.group_3.innerHTML=""
window.group_1.innerHTML="<li onmouseover=on_select
("art1.html")> Stats 1 </li><li onmouseover=on_select
("art2.html")> Stats 2 </li><li onmouseover=on_select
("art3.html")> Stats 3 </li>"
};
function f2(){
window.group_1.innerHTML="";
window.group_3.innerHTML="";
window.group_2.innerHTML="<li onmouseover=on_select
("art4.html")> Stats 4 </li><li onmouseover=on_select
("art5.html")> Stats 5 </li><li onmouseover=on_select
("art6.html")> Stats 6 </li>";
};
function f3(){
window.group_1.innerHTML=""
window.group_2.innerHTML=""
window.group_3.innerHTML="<li onmouseover=on_select
("art7.html")> Stats 7 </li><li onmouseover=on_select
("art8.html")> Stats 8 </li><li onmouseover=on_select
("art9.html")> Stats 9 </li>"
};
function on_select(name) {
top.main.location.replace(name);
};
</script>[/JS]
</body>
</html>
|
Консоль в браузере открой (F12) - увидишь ссылку на ошибку.
Подскажу: в js в многострочных строках нужно экранировать перенос строки: var string = "abc\ cde\ fff"; |
О, моя любимая игра "найди максимальное число ошибок не включая консоль".
Кроме переносов строк я вижу двойное двоеточие в стиле, неправильно навешанные обработчики, несколько пропущенных точек с запятой, зачем-то оставленный кусок текста =) |
function f1(){
window.group_2.innerHTML="";
window.group_3.innerHTML="";
window.group_1.innerHTML="<li onmouseover=on_select("art1.htm")> Stats_1 </li>
<li onmouseover=on_select("art2.html")> Stats 2 </li>
<li onmouseover=on_select("art3.html")> Stats 3 </li>";};
function f2(){
window.group_1.innerHTML="";
window.group_3.innerHTML="";
window.group_2.innerHTML="<li onmouseover=on_select("art4.html")> Stats 4 </li>
<li onmouseover=on_select("art5.html")> Stats 5 </li>
<li onmouseover=on_select("art6.html")> Stats 6 </li>";};
function f3(){
window.group_1.innerHTML="";
window.group_2.innerHTML="";
window.group_3.innerHTML="<li onmouseover=on_select("art7.html")> Stats 7 </li>
<li onmouseover=on_select("art8.html")> Stats 8 </li>
<li onmouseover=on_select("art9.html")> Stats 9 </li>";};
function on_select(name)
{
top.main.location.replace(name);};
</script>
<form>
<div style="color:blue; text-decoration:underline;">
<p onmouseover="f1();"> Group 1</p><ul id="group_1" name="group_1"></ul>
<p onmouseover="f2();"> Group 2</p><ul id="group_2" name="group_2"></ul>
<p onmouseover="f3();"> Group 3</p><ul id="group_3" name="group_3"></ul>
</div>
</form>
SCRIPT1004: Предполагается наличие ';' Untitled-2.html, строка 16 символ 56 WTF ????? У меня 16 строка и 56 элемент, это <li onmouseover=on_select("art1.htm")> , символ перед art.html |
Belai,
Цитата:
|
<script language="javascript">
function f1(){
window.group_2.innerHTML="";
window.group_3.innerHTML="";
window.group_1.innerHTML="<li onmouseover=on_select('art1.html')> Stats 1 </li><li onmouseover=on_select('art2.html')> Stats 2 </li><li onmouseover=on_select('art3.html')> Stats 3 </li>"
};
function f2(){
window.group_1.innerHTML="";
window.group_3.innerHTML="";
window.group_2.innerHTML="<li onmouseover=on_select('art4.html')> Stats 4 </li><li onmouseover=on_select('art5.html')> Stats 5 </li><li onmouseover=on_select('art6.html')> Stats 6 </li>;"
};
function f3(){
window.group_1.innerHTML="";
window.group_2.innerHTML="";
window.group_3.innerHTML="<li onmouseover=on_select('art7.html')> Stats 7 </li><li onmouseover=on_select('art8.html')> Stats 8 </li><li onmouseover=on_select('art9.html')> Stats 9 </li>"
};
function on_select(name)
{
top.main.location.replace(name);
};
</script>
Йа это сделал)))) |
Belai,
:) |
http://jquery.com.ru тут видел готовые похожие
|
| Часовой пояс GMT +3, время: 13:28. |