Форум

Basonsan · #1 (**permalink**) 29.10.2009, 11:07

вот код

<html>
<head>
<title> Test </title>
<script language="JavaScript">
<!--
function f_go(m_page)
{
	switch (mpage)
	{
		case 1:
			i_page1.style.display="block";
			i_page2.style.display="none";
			i_page3.style.display="none";
			break;
		case 2:
			i_page1.style.display="none";
			i_page2.style.display="block";
			i_page3.style.display="none";
			break;
		case 3:
			i_page1.style.display="none";
			i_page2.style.display="none";
			i_page3.style.display="block";
	}
}

//-->

</script>
</head>
<body>
<h1 alight="center"> Многостраничный </div><br>
<a href="javascript: void(0); f_go(1);">стр 1</a><br>
<a href="javascript: void(0); f_go(2);">стр 2</a><br>
<a href="javascript: void(0); f_go(3);">стр 3</a><br>
<div id="i_page1">Содержание страницы 1</div>
<div id="i_page2" style="display: none">Содержание страницы 2</div>
<div id="i_page3" style="display: none">Содержание страницы 3</div>

</body>
</html>

по идее при нажатии стр n должно прятать все что было на странице и показать содеражние страницы n.
Подскажите где накосячил в коде...

Kolyaj · #2 (**permalink**) 29.10.2009, 11:48

document.getElementById('i_page1')

Basonsan · #3 (**permalink**) 29.10.2009, 13:37

эм не совсем понял что это? и куда это вставить

Kolyaj · #4 (**permalink**) 29.10.2009, 13:40

Вместо i_page1.

Basonsan · #5 (**permalink**) 29.10.2009, 19:59

пробовал так

<html>
<head>
<title> Test </title>
<script language="JavaScript">
<!--
function f_go(m_page)
{
	switch (mpage)
	{
		case 1:
			document.getElementById('i_page1').style.display="block";
			document.getElementById('i_page2').style.display="none";
			document.getElementById('i_page3').style.display="none";
			break;
		case 2:
			document.getElementById('i_page1').style.display="none";
			document.getElementById('i_page2').style.display="block";
			document.getElementById('i_page3').style.display="none";
			break;
		case 3:
			document.getElementById('i_page1').style.display="none";
			document.getElementById('i_page2').style.display="none";
			document.getElementById('i_page3').style.display="block";
	}
}

//-->

</script>
</head>
<body>
<h1 alight="center"> Многостраничный </div><br>
<a href="javascript: void(0); f_go(1);">стр 1</a><br>
<a href="javascript: void(0); f_go(2);">стр 2</a><br>
<a href="javascript: void(0); f_go(3);">стр 3</a><br>
<div id="i_page1">Содержание страницы 1</div>
<div id="i_page2" style="display: none">Содержание страницы 2</div>
<div id="i_page3" style="display: none">Содержание страницы 3</div>

</body>
</html>

пробовал так

<html>
<head>
<title> Test </title>
<script language="JavaScript">
<!--
function f_go(m_page)
{
	switch (mpage)
	{
		case 1:
			document.getElementById('i_page1').style.display="block";
			document.getElementById('i_page2').style.display="none";
			document.getElementById('i_page3').style.display="none";
			break;
		case 2:
			document.getElementById('i_page1').style.display="none";
			document.getElementById('i_page2').style.display="block";
			document.getElementById('i_page3').style.display="none";
			break;
		case 3:
			document.getElementById('i_page1').style.display="none";
			document.getElementById('i_page2').style.display="none";
			document.getElementById('i_page3').style.display="block";
	}
}

//-->

</script>
</head>
<body>
<h1 alight="center"> Многостраничный </div><br>
<a href="javascript: void(0); f_go(1);">стр 1</a><br>
<a href="javascript: void(0); f_go(2);">стр 2</a><br>
<a href="javascript: void(0); f_go(3);">стр 3</a><br>
<div id="i_page1">Содержание страницы 1</div>
<div id="i_page2" style="display: none">Содержание страницы 2</div>
<div id="i_page3" style="display: none">Содержание страницы 3</div>

</body>
</html>

не пашет.........

Kolyaj · #6 (**permalink**) 30.10.2009, 08:40

В консоль ошибок не пробовали смотреть?

Basonsan · #7 (**permalink**) 30.10.2009, 22:26

а как это делается?

Kolyaj · #8 (**permalink**) 30.10.2009, 22:39

Переменные у вас по разному называются mpage и m_page.

Basonsan · #9 (**permalink**) 30.10.2009, 23:54

большое спасибо!

Форум

Справочник

Discord чат

Курсы javascript