Търся код за отварящо и затварящо се div или table блокче

T

techboy

Registered
Здравейте, не очаквах да видя Bulgarian community по web програмиране. :lol: Браво на вас.
Побърках се тука няколко дена да разчитам постове на западни езици.

Правя един eCommerse shop и се нуждая от Script, който да ми отваря и затваря определени таблици. За по лесно четене на съдържанието.

Намерих няколко вълнуващи скрипта, но в начално състояние ми държат таблиците отворени. А аз искам да са затворени при посещение на страницата и потрбителят сам да си ги отвори като му се разчете.

Прилагам пълният код, за да можете да си го пуснете като HTML страничка.

Код: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />

<script type="text/javascript">

</script>

<link href="http://212.25.33.110/templates/default.css" rel="stylesheet" type="text/css" />
</head>

<body>
<table border="0" id="tables">

	        <tr>
              <td width="204" align="left" valign="middle" class="txt" ><a onclick="switchMenu('cat');" title="Виж Категориите"><strong><img src="http://212.25.33.110/templates/img/arrowBlinked.gif" alt="отвори/затвори"  /></strong></a><strong><a href="http://212.25.33.110/index.php?p=productsList&iCategory"> Категории</a></strong></td>
      </tr>      
	        <tr>
              <td id="cat" valign="middle" align="left" ><div align="left">
                <blockquote>
                  <p><a href="http://212.25.33.110/index.php?p=productsList&iCategory=3" class="style3"><strong><img src="http://212.25.33.110/templates/img/arrowCAE7B9.gif" width="48" height="33" /> Аналогови Защити </strong></a></p>
                  <p><a href="http://212.25.33.110/index.php?p=productsList&iCategory=5" class="style3"><strong><img src="http://212.25.33.110/templates/img/arrowCAE7B9.gif" width="48" height="33" /> Цифрови Защити </strong></a></p>
                  <p><a href="http://212.25.33.110/index.php?p=productsList&iCategory=4" class="style3"><strong><img src="http://212.25.33.110/templates/img/arrowCAE7B9.gif" width="48" height="33" /> Електрически Табла</strong></a></p>
                  <p><a href="http://212.25.33.110/index.php?p=productsList&iCategory=7" class="style3"><strong><img src="http://212.25.33.110/templates/img/arrowCAE7B9.gif" width="48" height="33" /> Блокове за Управление </strong></a></p>
                  <p><a href="http://212.25.33.110/index.php?p=productsList&iCategory=6" class="style3"><strong><img src="http://212.25.33.110/templates/img/arrowCAE7B9.gif" width="48" height="33" /> Контролери</strong></a></p>
                </blockquote>
              </div></td>


            </tr>
	        <tr>
	          <td id="adm" valign="middle" align="left" ><p><img src="http://212.25.33.110/templates/img/arrowCAE7B9.gif" width="48" height="33" /> <a href="http://212.25.33.110/admin.php"><strong>Администриране</strong></a><strong> </strong></p></td>
    	    </tr>
	        <tr>
	          <td id="us" valign="middle" align="left" ><p><img src="http://212.25.33.110/templates/img/arrowCAE7B9.gif" width="48" height="33" /> <strong>За Фирмата </strong></p></td>
  </tr>
</table>

</body>
</html>

В момента се закучих тука и незнам как да изляза. Скрипта много ми хареса. Но като направя за всяка категория по 20 продукта доста Scroll'ване ще падне до дъното на страницата.

Дайте идея как да бъзикна скрипта, че стандартно да ми държи затворени таблиците. :(

PS: Ето и сорса на скрипта
[urlhttp://www.dustindiaz.com/dhtml-expand-and-collapse-div-menu/[/url]
 
май това търсиш аз го ползвам в една моя форма
Код: 
<script language="JavaScript" src="trt.js"></script>

<table id="outboxsmslist" border="0" class="bb">
<tr>
<td class="received">
<a class="contact" href="#">LINK</a> 
<div>
<p>burkoff.org | burkoff.org | burkoff.org |</p>
</div>
</td>
</tr>
</table>
<SCRIPT type=text/javascript>init(0);</SCRIPT>
надявам се да ти свърши работа JavaScrip-та можеш да изтеглиш от тук http://burkoff.org/g/trt.js
просто добави "trt.js" в папката с файловете си
 
Благодаря ви момчета

adrian
Доста нагледно обяснено в линковете. Ще си ги запазя ;) :lol:

burkoff

Имаш +1 от мене. Крайно лесен за изпълнение Script и най-важното мога да си добавя табличките вътре.

PS: Имаш ли идея дали мога да подложа и таблиците в тези затварящи таблици на същото изпитание?

Код: 
<table id="outboxsmslist" border="0" class="bb">
<tr>
<td class="received">
<a class="contact"><strong><img src="templates/img/arrowCAE7B9.gif" width="48" height="33" /> </a><a href="?p=productsList&iCategory"> Категории</a></strong>
       <div align="left">
                <blockquote>
                  <p><a href="?p=productsList&iCategory=3" class="style3"><strong><img src="templates/img/arrowCAE7B9.gif" width="48" height="33" /> Аналогови Защити </strong></a></p>
                  <p><a href="?p=productsList&iCategory=5" class="style3"><strong><img src="templates/img/arrowCAE7B9.gif" width="48" height="33" /> Цифрови Защити </strong></a></p>
                  <p><a href="?p=productsList&iCategory=4" class="style3"><strong><img src="templates/img/arrowCAE7B9.gif" width="48" height="33" /> Електрически Табла</strong></a></p>
                  <p><a href="?p=productsList&iCategory=7" class="style3"><strong><img src="templates/img/arrowCAE7B9.gif" width="48" height="33" /> Блокове за Управление </strong></a></p>
                  <p><a href="?p=productsList&iCategory=6" class="style3"><strong><img src="templates/img/arrowCAE7B9.gif" width="48" height="33" /> Контролери</strong></a></p>
                </blockquote>
              </div>
	   
</td>
</tr>
</table>
<SCRIPT type=text/javascript>init(0);</SCRIPT>

За параграфите
Код: 
<p><a href="?p=productsList&iCategory=3" class="style3"><strong><img src="templates/img/arrowCAE7B9.gif" width="48" height="33" /> Аналогови Защити </strong></a></p>
и т.н да направя таблици със същите класове че да се затварят и отварят и те.

Продукти
|_Категория 1
...|_ Подкатегория 1
...|_ Подкатегория 2
|_ Категория 2
...|_ Подкатегория 1
...|_ Подкатегория 2
 
сажалявам в момента сам няма как да го погледна това а и не те разбрах много добре какво искаш да направиш като сам на работа ще се питам да помогна ако до тогава не си получил отговор
ти маи си търсиш такова меню да се спуска и атваря като натиснеш тогава трябва да плзваш друго
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе