Показване на таблица при клик върху бутон и скриването и

Post Reply
User avatar
Access
Потребител
Потребител
Posts: 984
Joined: Wed May 10, 2006 12:40 pm
Location: Враца

Показване на таблица при клик върху бутон и скриването и

Post by Access » Sat Jul 08, 2006 9:07 am

На някои сайтове съм виждал следното..... при клик върху бутон част от една таблица се скрива (редовете и се скриват а остава само заглавния ред) :)
после при клик върху бутона таблицата пак се показва. т.е. динамично записване в HTM/HTML документ :)
някой знае ли как става защото искам да я използвам :)

Admin
Site Admin
Site Admin
Posts: 4
Joined: Thu Jan 01, 1970 12:00 am
Answers: 224

Post by Admin » Sat Jul 08, 2006 9:42 am

Защо просто не погледнеш кода на тази страница която си видял.
Там е всичко което ти е нужно.

User avatar
Access
Потребител
Потребител
Posts: 984
Joined: Wed May 10, 2006 12:40 pm
Location: Враца

Post by Access » Sat Jul 08, 2006 10:49 am

ам аз така и направих ама нещо неможах да го отделя :)
ама с големи мъки успях 8)

ето кода :)

Code: Select all

<script>
function expand &#40;th&#41; &#123;
var table = th.parentNode.parentNode.parentNode;
var tbody = table.tBodies&#91;0&#93;;
if &#40;tbody.style.display == 'none'&#41; &#123;
 tbody.style.display = '';
 th.innerHTML = '-';
&#125; else &#123;
 tbody.style.display = 'none';
 th.innerHTML = '+';
&#125;

&#125;
</script>

<body>



<table>
<thead>
 <tr>
  <th onclick="expand &#40;this&#41;">+</th>
 </tr>
</thead>
<tbody style="display&#58;none">
 <tr>
  <td>...</td>
 </tr>   
 <tr>
  <td>...</td>
 </tr>   
</tbody>
</table>

</body>
може и на още някой да потрябва :)
работи за всички browser-и :)

Post Reply