Таблица со слайдером

[yura]

Нужно сделать примерно такое _Для просмотра ссылки Войди или Зарегистрируйся

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

Как такое организовать? Или может кто-то видел подобные скрипты?

 

[mo.Lex]

Все просто - в ячейке прячется слой, который в обычном состоянии не виден. При нажатии на кнопку он становится видимым и раскрывается. Можно сделать и на jquery и на просто javascript.

 

[yura]

Может ты видел чтот похожее?

 

[warg]

похожего море, такие таблицы есть в том же ExtJS, Dojo, побольше бы конкретики, например где такое нужно реализовать,
поскольку в простой хтмл табличке такие скрипты прикручивать излишество, когда можно просто обойтись чем то типа

<script type="text/javascript">
$(function() {
    $(".spoiler-label").click(function() {
        $(this).parent().find(".spoiler-content").toggle();
    });
});
</script>

echo '<td><div>
    <span class="spoiler-label">+</span>
    <div class="spoiler-content" style="display: none">Spoiler content</div>
</div></td>';

 

[mo.Lex]

Простой jquery - это и есть мой пример. Warg показал как раз то о чем я думал
Вот я делал когда-то давно знакомой из Украины
Для просмотра ссылки Войди или Зарегистрируйся

Вот код - он просто как два пальца. Все дело в библиотеке

<div class="sliders">
<script type="text/javascript" src="functions.js"></script>

<dt><a>1</a></dt>
<dd style="display: none">
1 open
</dd>
<dt><a>2</a></dt>
<dd style="display: none">
2 open
</dd>         
<dt><a>3</a></dt>
<dd style="display: none">
3 open
</dd>
</div>

Для просмотра ссылки Войди или Зарегистрируйся вот сама библиотека.

 

[yura]

Просто спойлеров в сети уйма примеров. Вопрос в том как спойлер вписать в таблицу, как по ссылке в моем первом посте, так чтобы оно работало?

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  </tr>
<то что должно показаться при разворачивании первой строки>
  <tr>
  <td>11</td>
  <td>22</td>
  <td>33</td>
  <td>44</td>
  </tr>
<то что должно показаться при разворачивании второй строки>
</table>

Код примерно такой...

У меня получается в спойлер вставить табличку чтобы после клика по какому-то слову раскрывался спойлер и там была таблица. Получается и так чтобы вместо слова по которому кликаешь была таблица. НО не получается сделать чтобы это было циклично. Т.е. чтобы каждая строка была спойлером.

Идея такова, что каждая строка

  <tr>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  </tr>

это вывод краткой инфы с определенной записи и записей таких уйма. А то, что выводится при раскрытии спойлера - полная новость, если хотите

 

[warg]

чтобы не заморачиваться с иерархией, можно например так

Для просмотра ссылки Войди или Зарегистрируйся

 

[Ewgi]

Готовое решение Для просмотра ссылки Войди или Зарегистрируйся