style.display помогите с функцией
вот код
<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. Подскажите где накосячил в коде... |
document.getElementById('i_page1')
|
эм не совсем понял что это? и куда это вставить
|
Вместо i_page1.
|
пробовал так
<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>
не пашет......... |
В консоль ошибок не пробовали смотреть?
|
а как это делается?
|
Переменные у вас по разному называются mpage и m_page.
|
большое спасибо!
|
| Часовой пояс GMT +3, время: 09:51. |