Форум

Belai · #1 (**permalink**) 11.02.2014, 18:24

Всем привет!
Решил , все таки, уже начать изучать 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>

danik.js · #2 (**permalink**) 11.02.2014, 19:23

Консоль в браузере открой (F12) - увидишь ссылку на ошибку.
Подскажу: в js в многострочных строках нужно экранировать перенос строки:

var string = "abc\
cde\
fff";

Makarov · #3 (**permalink**) 11.02.2014, 19:44

О, моя любимая игра "найди максимальное число ошибок не включая консоль".
Кроме переносов строк я вижу двойное двоеточие в стиле, неправильно навешанные обработчики, несколько пропущенных точек с запятой, зачем-то оставленный кусок текста =)

Belai · #4 (**permalink**) 11.02.2014, 20:15

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

рони · #5 (**permalink**) 11.02.2014, 20:28

Belai,

Сообщение от danik.js

Подскажу: в js в многострочных строках нужно экранировать перенос строки:

+ экранировать кавычки или использовать другие кавычки внутри кавычек.

Belai · #6 (**permalink**) 11.02.2014, 20:37

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

Йа это сделал))))

рони · #7 (**permalink**) 11.02.2014, 20:46

Belai,

vr-3d · #8 (**permalink**) 17.07.2016, 14:02

http://jquery.com.ru тут видел готовые похожие

Форум

Справочник

Discord чат

Курсы javascript