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

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

вопрос

Привет всем.
Попросили меня сделать краткие новости в виде блоков в линию по 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 комментария

Юзер

494

irrwisch - - #60247

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

Юзер

dolmatov - - #60254

Цитата: irrwisch

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

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

Эксперт

1302

lutskboy - - #60255

https://dle-faq.ru/modules/21000-rasshirenie-funkcionala-shablonizatora-dlya-spiska-korotkih-novostey.html

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

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

вопрос

Привет всем.
Попросили меня сделать краткие новости в виде блоков в линию по 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>

<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 комментария

Юзер

494

irrwisch - - #60247

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

Юзер

dolmatov - - #60254

Цитата: irrwisch

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

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

Эксперт

1302

lutskboy - - #60255

https://dle-faq.ru/modules/21000-rasshirenie-funkcionala-shablonizatora-dlya-spiska-korotkih-novostey.html

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

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

вопрос

Привет всем.
Попросили меня сделать краткие новости в виде блоков в линию по 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>

<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 комментария

Юзер

494

irrwisch - - #60247

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

Юзер

dolmatov - - #60254

Цитата: irrwisch

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

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

Эксперт

1302

lutskboy - - #60255

https://dle-faq.ru/modules/21000-rasshirenie-funkcionala-shablonizatora-dlya-spiska-korotkih-novostey.html

Puxlik | Telegram Sender ¹³

Puxlik
Telegram Sender

Версию 17.1 поддерживает ?
TeraMoune | Не загружается изображение [Ошибка HTTP] ... ²

TeraMoune
Не загружается изображение [Ошибка HTTP]. Как исправить?

В этой версии есть фрагментация загрузки файла когда загружаемый файл разделяется на фрагменты, по умолчанию 1 фрагмент 1.5мб. (И у вас написано лимиты на файл 4мб и картинки 5.86мб, этого достаточно чтобы принимать 1.5мб фрагменты) И если бы была проблема с весом или чем-то подобным то об этом бы сервер сообщил. Сервер отдал 500 ошибку это значит что угодно, нужно смотреть ответ от сервера в консоли разработчика или логах.
RedFox | Не загружается изображение [Ошибка HTTP] ... ²

RedFox
Не загружается изображение [Ошибка HTTP]. Как исправить?

"Некоторые картинки загружаются, но большинство нет."

Сначала не обратил внимания, но видимо проблема в этом. Все, что больше 100Кб, не загружается. Что странно, поскольку в php у меня следующие значения:
post_max_size = 100M
upload_max_filesize = 100M
max_file_uploads = 20

Полагаю, где-то еще надо увеличить размер загружаемой картинки, но где?
LMakc | Модуль читалка pdf ¹

LMakc
Модуль читалка pdf

Не начинай, я заплатил сегодня штраф за підручники. Сейчас очень сложно с этим.
ssssss | Сделать подсчет количества символов в ко ... ⁵

ssssss
Сделать подсчет количества символов в комментариях

Есть актуальный плагин под 17 версию? (только количество символов! без наворотов... записей куда-либо и т.п.) *ББ-редактор
alex.sg.spb | Как вывести информацию о обновлении ново ... ⁸

alex.sg.spb
Как вывести информацию о обновлении новости, но на время?

вопрос, в продолжение поста. Помогите с кодом вывода инфо UPDATE на краткой новости, так чтобы не нужно было нажимать внутри новости при редактировании галочку?
Kentavr | Как вместо %20 в адресной строке подстав ... ⁹

Kentavr
Как вместо %20 в адресной строке подставлять символ + между словами ???

Спасибо огромное. Этот вариант самый простой и рабочий!

derebas | Как вместо %20 в адресной строке подстав ... ⁹

derebas
Как вместо %20 в адресной строке подставлять символ + между словами ???

К черту htaccess давайте проще

к href добавьте id="xfield_value"

<a href="/company/[xfvalue_company]/" id="xfield_value">[xfvalue_company]</a>

И добавьте скрипт обработчик

<script>
document.addEventListener('DOMContentLoaded', function() {
    const links = document.querySelectorAll('a#xfield_value');

    links.forEach(link => {
      let href = link.getAttribute('href');

      if (href) {
        href = href.replace(/ /g, '+');
        link.setAttribute('href', href);
      }
    });
  });
</script>

Kentavr | Как вместо %20 в адресной строке подстав ... ⁹

Kentavr
Как вместо %20 в адресной строке подставлять символ + между словами ???

Так сайт не работает вообще. Браузер выдает такое

Страница недоступна Сайт ... выполнил переадресацию слишком много раз.
Попробуйте удалить файлы cookie.

ERR_TOO_MANY_REDIRECTS

Куки чистил не помогает
derebas | Как вместо %20 в адресной строке подстав ... ⁹

derebas
Как вместо %20 в адресной строке подставлять символ + между словами ???

Попробуйте так
RewriteEngine On
RewriteCond %{REQUEST_URI} %20
RewriteRule (.*)%20(.*) $1+$2 [N]
RewriteRule (.*) $1 [R=301,L]

наверх

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

Ответил: kprod

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

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

Технический сбой

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

Ответил: kprod

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

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

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

Ответил: kprod

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

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