| ultimatum |
06.06.2007 12:35 |
js страница из нескольких вкладок
В одной из книг нашел код как зделать страницу состоящую из нескольких вкладок , но данный код почемуто не работет у меня и немогу понять где ошибка.Прозьба указать меня на ошибку
Код HTML:
<html>
<head>
<script type="text/javascript">
//обьявление функции которая выполняет переключение между вкладками
function showTab(pTabIndex)
{
var i=0;
for (i=0 ; i<tabs.length ; i++)
{
//делаем нужный контент-вкладку видимой.
//стальное - невидимами
tabs[i].style.display = (i == pTabIndex) ? "block" : "none";
//выделяем гиперссылку-корешок, соответствующую видимой вкладке,серым фоном , остальные - белым
tabs[i].style.backgroundColor = (i == pTabIndex) ? "#cccccc" : "#ffffff";
}
{
</script>
<!-- создаём стилевые классы для контейнеров ,содержащего гиперссылки-корешки вкладок , и для контейнера б содержащего сами вкладки -->
<style>
.tabhost
{
border: thin solid #cccccc;
padding:5px;
}
.tabhs A
{
border: thin solid #cccccc;
padding: 5px 5px 0px 5px ;
}
</style>
</head>
<body>
<div class="tabhs">
<A id="tabH1" href="#" ONCLICK="showTab(0);">вкладка 1 </A>
<A id="tabH2" href="#" ONCLICK="showTab(1);">вкладка 2 </A>
<A id="tabH3" href="#" ONCLICK="showTab(2);">вкладка 3 </A>
</div>
<div class="tabhost">
<div id="tab1"><p>это содержимое первой вкладкиp</p>
</div>
<div id="tab2"><p>это содержимое второй вкладкиp</p>
</div>
<div id="tab3"><p>это содержимое третей вкладки </p>
<p>это содержимое </p>
<p>это содержимое </p>
<p>это содержимое </p>
</div>
</div>
<SCRIPT TYPE="text/javascript">
var tabs = new Array();
tabs[0] = document.all["tab1"];
tabs[1] = document.all["tab2"];
tabs[2] = document.all["tab3"];
var tabHs = new Array();
tabHs[0] = document.all["tabH1"];
tabHs[1] = document.all["tabH2"];
tabHs[2] = document.all["tabH3"];
//делаем изначально видимую первую вкладку
showTab(0);
</SCRIPT>
</body>
</html>
----------------------- |
