ANTICHAT.XYZ    VIDEO.ANTICHAT.XYZ    НОВЫЕ СООБЩЕНИЯ    ФОРУМ  
Баннер 1   Баннер 2
Antichat снова доступен.
Форум Antichat (Античат) возвращается и снова открыт для пользователей. Здесь обсуждаются безопасность, программирование, технологии и многое другое. Сообщество снова собирается вместе.
Новый адрес: forum.antichat.xyz
Вернуться   Форум АНТИЧАТ > Программирование > PHP, PERL, MySQL, JavaScript
Перезагрузить страницу js страница из нескольких вкладок
   
Ответ
 
Опции темы Поиск в этой теме Опции просмотра

js страница из нескольких вкладок
  #1  
Старый 06.06.2007, 12:35
Аватар для ultimatum
ultimatum
Участник форума
Регистрация: 28.04.2007
Сообщений: 239
Провел на форуме:
2140476

Репутация: 161
Отправить сообщение для ultimatum с помощью ICQ
По умолчанию 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>&nbsp;
     <A id="tabH2" href="#" ONCLICK="showTab(1);">вкладка 2 </A>&nbsp;
     <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>
-----------------------
 
Ответить с цитированием

  #2  
Старый 06.06.2007, 12:50
Аватар для je0n
je0n
Постоянный
Регистрация: 14.05.2006
Сообщений: 334
Провел на форуме:
1543521

Репутация: 272
Отправить сообщение для je0n с помощью ICQ
По умолчанию
одна закрывающая фигурная скобка не в ту сторону повернуту
Код:
<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>&nbsp;  
<A id="tabH2" href="#" ONCLICK="showTab(1);">вкладка 2 </A>&nbsp;  
<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>
Последний раз редактировалось je0n; 06.06.2007 в 12:52..
 
Ответить с цитированием

  #3  
Старый 06.06.2007, 13:02
Аватар для ultimatum
ultimatum
Участник форума
Регистрация: 28.04.2007
Сообщений: 239
Провел на форуме:
2140476

Репутация: 161
Отправить сообщение для ultimatum с помощью ICQ
По умолчанию
спасибо точно

+
это ещё раз говорит о том что ночью кодить вредно )))) хотя никто не мешает))
 
Ответить с цитированием

  #4  
Старый 06.06.2007, 13:06
Аватар для GreenBear
GreenBear
наркоман с медалью
Регистрация: 07.05.2005
Сообщений: 3,704
Провел на форуме:
19975136

Репутация: 4536


Отправить сообщение для GreenBear с помощью ICQ
По умолчанию
Цитата:
это ещё раз говорит о том что ночью кодить вредно
это говорит, что надо юзать дебагеры.
 
Ответить с цитированием
Ответ



« Предыдущая тема | Следующая тема »
Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Искусственный интеллект появится в течение нескольких ближайших лет Micr0b Мировые новости 19 24.02.2009 16:34
x BSD X3man *nix 0 23.12.2006 23:18
Бесконечная страница Дрэгги Болталка 20 02.12.2006 04:26
Страница за кнопкой Spawn™ Уязвимости 11 05.05.2006 19:09



Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
 


Быстрый переход




ANTICHAT.XYZ