Автор Тема: Создание "разворачивающихся" вкладок (Прочитано 3547 раз)

Anonymous · « **Ответ #15 :** 22 Декабря 2005, 21:26:28 »

Цитировать

Посмотри, как сделано на http://www.shop.kiroff.ru - не совсем просто, но зато аккуратное ниспадающее меню.

Ты мой пост читал?? Посмотри повнимательнее.

Delin · « **Ответ #16 :** 23 Декабря 2005, 07:03:33 »

Блин, бывает же такое: забыл войти - отправил сообщение. Это вообщем я писал. :oops:

director · « **Ответ #17 :** 29 Декабря 2005, 17:37:07 »

Ты же сам написал, что он правильно в опере только работает. А оперой пользуются только 5-15% от общего числа интернет пользователей.

А пример который я привел, он работает во всех бродилках.

Paska · « **Ответ #18 :** 02 Января 2006, 20:40:02 »

А как такую же фигню замутить в табличной форме?
Вот у меня есть код типа:

Код: [Выделить]

<table class="bgc1" align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td>
<img src="Allintel_menu.jpg" width="99" height="26" alt="ALL INTEL"></a></td>
<td>
<img src="News_menu.jpg" width="99" height="26" alt="Новости">
</a>
</td>
<td>
<img src="Articles_menu.jpg" width="99" height="26" alt="Статьи">
</a>
</td>
</tbody>
</table>

Уже битый час сношаюсь с кодом. По сути мне нужна навигация по "закладкам". Кликнул по одной кнопке, появилась одна информация, например список новостей в рассылке. Кликнул по другой, появилася информация другого рода, например, список статей. и так далее

Delin · « **Ответ #19 :** 03 Января 2006, 01:11:46 »

Ну я чуть-чуть доработал пост Ijon. Вот что получил. Вроде то, что нужно.

Код: [Выделить]


<html>
<head> 
	<script type="text/javascript" language="Javascript"> 
    function visObj(objId, value){ 
      if(value) 
        document.getElementById(objId).style.display = "block"; 
      else 
        document.getElementById(objId).style.display = "none"; 
      } 
    function selectMatching(index){ 
      var i = 1; 
      for(; i < 4; i++) 
        visObj('n' + String(i), (i == index) || (index == 0)); 
      } 
	</script> 
</head>
<body> 
	<p>
		<table width = 50% border cellspacing = 10>
			<tr bgcolor = #677698><td>
				<a href="javascript:selectMatching(1)"><img src="banner-8.gif" width="99" height="26" alt="ALL INTEL"></a>
				<br>
			</td>
			<td rowspan = 4> 
			    
	<div id="n1">ALLINTEL</div> 
	<div id="n2">novosty</div> 
	<div id="n3">Statyi</div>
			</td></tr>
			<tr bgcolor = yellow><td>
				<a href="javascript:selectMatching(2)"><img src="News_menu.jpg" width="99" height="26" alt="Новости"></a>
				<br>
			</td></tr>
			<tr bgcolor = #aabbcc>
			<td>
				<a href="javascript:selectMatching(3)"><img src="qArticles_menu.jpg" width="99" height="26" alt="Статьи"></a>
				<br>
			</td>
			<tr bgcolor = #333333>
			<td>
				<a href="javascript:selectMatching(0)">Vse</a>
			</td></tr>
		</table>
	</p> 
</body>
</html>

Paska · « **Ответ #20 :** 03 Января 2006, 01:22:13 »

Вот, что получилось в моем варианте. Только вот странно, не догоняю почему при нажатии на эдиториал, нам выводиться весь список.

Также что и где нужно дописать, чтобы при загрузке пользователь посылался на определенный слой.

За исключением этих двух пунктов все работает.

Код: [Выделить]

 <table class="bgc1" align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0">
<tbody>
         <tr>
<td colspan=5>
<a href="javascript:selectMatching(1)">
<img src="Editorial_menu.bmp" width="91" height="26"alt="Editorial">
</a>
<a href="javascript:selectMatching(2)">
<img src="Articles_menu.bmp" width="84" height="26" alt="Статьи">
</a>
<a href="javascript:selectMatching(3)">
<img src="Forum_menu.bmp" width="90" height="26" alt="Форум">           </a>
<a href="javascript:selectMatching(4)">
  <img src="News_menu.bmp" width="94" height="26" alt="Новости"></a>
         
<a href="javascript:selectMatching(5)">
<img src="AllIntel_menu.bmp" width="86" height="26" alt="ALL INTEL">
 </td>
<tr>
<td>
  <div id="n1">Editorial:</div>
  <div id="n2">Наши статьи:</div>
  <div id="n3">Актуальные темы форума:</div>
<div id="n4">Новости:</div>
<div id="n5">О нас:</div>
         </td></tr>
      </table>
   </p>
</body>
</html>

Ijon · « **Ответ #21 :** 03 Января 2006, 03:21:50 »

Paska

Цитировать

Только вот странно, не догоняю почему при нажатии на эдиториал, нам выводиться весь список.

Если в цикле вместо [4] поставить [число элементов+1], то все заработает...

Цитировать

Также что и где нужно дописать, чтобы при загрузке пользователь посылался на определенный слой.

<body onload="javascript:selectMatching(desiredIndex)"> См. пост #8, часть 2.

Paska · « **Ответ #22 :** 03 Января 2006, 03:52:39 »

Delin, Ijon Огромное спасибо за помощь, хотя я так и не смог добиться цели (прикрутить в рассылке такую вещь), но по крайней мере уже знаю как это делается

YaricZ · « **Ответ #23 :** 03 Января 2006, 16:24:47 »

Всем спасибо ! Резульат работы приглашаю посмотреть на www.YaricZ.narod.ru

GogA · « **Ответ #24 :** 19 Января 2006, 02:40:43 »

https://light.wmtransfer.com/

лучшее что видел:) реализовано красиво и удобно... ровняться всем..

Автор Тема: Создание "разворачивающихся" вкладок (Прочитано 3547 раз)

Anonymous