Автоматическое добавление tr в {content} ?


     25.11.2016    Общие вопросы по вёрстке, jQuery    609

вопрос
Привет всем.
Попросили меня сделать краткие новости в виде блоков в линию по 5шт на
<table>


И вот столкнулся с такой проблемой:

В main.tpl вставляю:
<table>
{content}
<table>


в shortstory.tpl

добавляю например:
<tr><td>картинка и ссылка</td></tr>


В итоге получаю:
<table>
<tr><td>картинка и ссылка</td></tr>
<tr><td>картинка и ссылка</td></tr>
<tr><td>картинка и ссылка</td></tr>
<tr><td>картинка и ссылка</td></tr>
<tr><td>картинка и ссылка</td></tr>
<tr><td>картинка и ссылка</td></tr>
<tr><td>картинка и ссылка</td></tr>
<tr><td>картинка и ссылка</td></tr>
<tr><td>картинка и ссылка</td></tr>
<tr><td>картинка и ссылка</td></tr>
<table>


Получается столбиком.

--------------------------------------------------------------------------------
если добавляю
В main.tpl вставляю:
<table>
<tr>
{content}
</tr>
<table>


в shortstory.tpl

добавляю например:
<td>картинка и ссылка</td>


В итоге получаю:
<table>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<table>

В тоге получаю что все блоки в линию.

-----------------------------------------------------------

Задача сделать по 5 блоков в линию, что бы получилось:
<table>
<tr>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
</tr>

<tr>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
</tr>

<tr>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
</tr>

<tr>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
</tr>

<tr>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
</tr>
<table>


Кто знает, может есть какой скрипт который каждые 5 блоков будут оборачивать в
<tr></tr>

Ответил: kprod


Например так:
...
$(document).ready(function () {
        var items = $('table td');
        for (var i = 0; i < items.size(); i = i + 5) {
            items.slice(i, i + 5).wrapAll("<tr></tr>");
        }
});
...


Демо

3 комментария

irrwisch
Юзер

irrwisch - 26 ноября 2016 02:24 -

а чем теги ul и li не устраивают?

dolmatov
Юзер

dolmatov - 26 ноября 2016 14:26 -

Цитата: irrwisch
а чем теги ul и li не устраивают?


Хотят именно табличную верстку

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

?" />
Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Автоматическое добавление tr в

Автоматическое добавление tr в {content} ?


     25.11.2016    Общие вопросы по вёрстке, jQuery    609

вопрос
Привет всем.
Попросили меня сделать краткие новости в виде блоков в линию по 5шт на
<table>


И вот столкнулся с такой проблемой:

В main.tpl вставляю:
<table>
{content}
<table>


в shortstory.tpl

добавляю например:
<tr><td>картинка и ссылка</td></tr>


В итоге получаю:
<table>
<tr><td>картинка и ссылка</td></tr>
<tr><td>картинка и ссылка</td></tr>
<tr><td>картинка и ссылка</td></tr>
<tr><td>картинка и ссылка</td></tr>
<tr><td>картинка и ссылка</td></tr>
<tr><td>картинка и ссылка</td></tr>
<tr><td>картинка и ссылка</td></tr>
<tr><td>картинка и ссылка</td></tr>
<tr><td>картинка и ссылка</td></tr>
<tr><td>картинка и ссылка</td></tr>
<table>


Получается столбиком.

--------------------------------------------------------------------------------
если добавляю
В main.tpl вставляю:
<table>
<tr>
{content}
</tr>
<table>


в shortstory.tpl

добавляю например:
<td>картинка и ссылка</td>


В итоге получаю:
<table>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<table>

В тоге получаю что все блоки в линию.

-----------------------------------------------------------

Задача сделать по 5 блоков в линию, что бы получилось:
<table>
<tr>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
</tr>

<tr>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
</tr>

<tr>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
</tr>

<tr>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
</tr>

<tr>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
</tr>
<table>


Кто знает, может есть какой скрипт который каждые 5 блоков будут оборачивать в
<tr></tr>

Ответил: kprod


Например так:
...
$(document).ready(function () {
        var items = $('table td');
        for (var i = 0; i < items.size(); i = i + 5) {
            items.slice(i, i + 5).wrapAll("<tr></tr>");
        }
});
...


Демо

3 комментария

irrwisch
Юзер

irrwisch - 26 ноября 2016 02:24 -

а чем теги ul и li не устраивают?

dolmatov
Юзер

dolmatov - 26 ноября 2016 14:26 -

Цитата: irrwisch
а чем теги ul и li не устраивают?


Хотят именно табличную верстку

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

?

Автоматическое добавление tr в {content} ?


     25.11.2016    Общие вопросы по вёрстке, jQuery    609

вопрос
Привет всем.
Попросили меня сделать краткие новости в виде блоков в линию по 5шт на
<table>


И вот столкнулся с такой проблемой:

В main.tpl вставляю:
<table>
{content}
<table>


в shortstory.tpl

добавляю например:
<tr><td>картинка и ссылка</td></tr>


В итоге получаю:
<table>
<tr><td>картинка и ссылка</td></tr>
<tr><td>картинка и ссылка</td></tr>
<tr><td>картинка и ссылка</td></tr>
<tr><td>картинка и ссылка</td></tr>
<tr><td>картинка и ссылка</td></tr>
<tr><td>картинка и ссылка</td></tr>
<tr><td>картинка и ссылка</td></tr>
<tr><td>картинка и ссылка</td></tr>
<tr><td>картинка и ссылка</td></tr>
<tr><td>картинка и ссылка</td></tr>
<table>


Получается столбиком.

--------------------------------------------------------------------------------
если добавляю
В main.tpl вставляю:
<table>
<tr>
{content}
</tr>
<table>


в shortstory.tpl

добавляю например:
<td>картинка и ссылка</td>


В итоге получаю:
<table>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<table>

В тоге получаю что все блоки в линию.

-----------------------------------------------------------

Задача сделать по 5 блоков в линию, что бы получилось:
<table>
<tr>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
</tr>

<tr>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
</tr>

<tr>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
</tr>

<tr>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
</tr>

<tr>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
<td>картинка и ссылка</td>
</tr>
<table>


Кто знает, может есть какой скрипт который каждые 5 блоков будут оборачивать в
<tr></tr>

Ответил: kprod


Например так:
...
$(document).ready(function () {
        var items = $('table td');
        for (var i = 0; i < items.size(); i = i + 5) {
            items.slice(i, i + 5).wrapAll("<tr></tr>");
        }
});
...


Демо

3 комментария

irrwisch
Юзер

irrwisch - 26 ноября 2016 02:24 -

а чем теги ul и li не устраивают?

dolmatov
Юзер

dolmatov - 26 ноября 2016 14:26 -

Цитата: irrwisch
а чем теги ul и li не устраивают?


Хотят именно табличную верстку

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх