Код:

<script>
document.addEventListener("DOMContentLoaded", () => {
  // === НАСТРОЙКИ ===
  // Формат: 'post_id;forum_id,post_id;forum_id,...'
  const POSTS_AND_FORUMS = '30377;2,30379;5'; // ← Укажите нужные пары
  // === /НАСТРОЙКИ ===

  // Карта для хранения названий разделов
  const forumNames = new Map();

  // Сначала получаем названия всех указанных разделов
  const forumIds = [...new Set(
    POSTS_AND_FORUMS.split(',')
      .map(pair => pair.trim().split(';')[1])
      .filter(id => id)
  )];

  if (forumIds.length === 0) return;

  const fields = 'id,name';
  const url = `/api.php?method=board.getForums&${new URLSearchParams({
    id: forumIds.join(','),
    fields,
    charset: 'utf-8'
  })}`;

  fetch(url)
    .then(response => response.json())
    .then(data => {
      if (!data?.response || !Array.isArray(data.response)) {
        console.warn("API board.getForums вернул пустой ответ");
        fallbackToStatic(); // резерв
        processPairs();
        return;
      }

      data.response.forEach(forum => {
        forumNames.set(String(forum.id), forum.name);
      });

      processPairs();
    })
    .catch(err => {
      console.error("Ошибка загрузки названий разделов:", err);
      fallbackToStatic();
      processPairs();
    });

  // --- ОСНОВНАЯ ЛОГИКА ЗАМЕНЫ ПОСТОВ ---
  function processPairs() {
    const pairs = POSTS_AND_FORUMS.split(',')
      .map(pair => {
        const [postId, forumId] = pair.trim().split(';');
        return { postId, forumId };
      });

    pairs.forEach(({ postId, forumId }) => {
      // Находим контейнер тела поста
      const postBody = document.getElementById(`p${postId}-content`);
      if (!postBody) {
        console.warn(`Пост #p${postId}-content не найден.`);
        return;
      }

      // Получаем название раздела
      let forumName = forumNames.get(forumId) || `Раздел ${forumId}`;

      // Очищаем всё содержимое и вставляем новый каталог
      postBody.innerHTML = '';
      postBody.insertAdjacentHTML('beforeend', `
        <div id="topic-catalog-${postId}" style="background: #e8f1da; border-radius: 5px; padding: 10px; margin: 10px 0; max-height: 400px; overflow-y: auto;">
          <h3 style="margin-top: 0; color: #2e7d32; font-size: 1.2em;">Темы в разделе: ${forumName}</h3>
          <ul id="topic-list-${postId}" style="list-style: none; padding-left: 0;"></ul>
          <div id="loading-${postId}" style="font-style: italic; color: #666;">Загрузка тем…</div>
        </div>
      `);

      const list = document.getElementById(`topic-list-${postId}`);
      const loading = document.getElementById(`loading-${postId}`);

      // Запрашиваем темы из нужного раздела через API
      fetch(`/api.php?method=topic.get&forum_id=${forumId}&limit=50&fields=id,subject&sort_by=last_post&sort_dir=desc&charset=utf-8`)
        .then(response => {
          if (!response.ok) throw new Error(`HTTP ${response.status}`);
          return response.json();
        })
        .then(data => {
          if (!data?.response || !Array.isArray(data.response)) {
            throw new Error("API вернул пустой или некорректный ответ");
          }

          data.response.forEach(topic => {
            const title = topic.subject || '[Без названия]';
            const link = `/viewtopic.php?id=${topic.id}`;
            const li = document.createElement('li');
            li.style.padding = '5px 0';
            li.style.borderBottom = '1px solid #ccc';
            li.innerHTML = `<a href="${link}" target="_blank">${title}</a>`;
            list.appendChild(li);
          });

          loading.style.display = 'none';
        })
        .catch(err => {
          console.error(`Ошибка загрузки тем для поста ${postId}:`, err);
          loading.textContent = 'Не удалось загрузить темы.';
          loading.style.color = 'red';
        });
    });
  }
});
</script>

Код:

<style>
.container.stats { margin-bottom: -13px; }
.stats table {
  padding: 0 !important;
  margin-top: 7px;
  width: 100%;
}
.stats table th { text-align: left; }
.stats table td {
  padding: .1em;
  border-top-style: solid;
  border-top-width: 1px;
}
.new-message {
  background-color: #e8f5e9 !important;
}
</style>

Код:

<script>
(function () {
  'use strict';

  // 🔢 Настройки
  const maxBuffer = 10;
  const fetchMax = maxBuffer + 5;
  const newestAtBottom = true; // false = новые СВЕРХУ, true = новые СНИЗУ
  const retryDelay = 1500;
  const maxRetries = 10;

  let retryCount = 0;

  function initLivePanel($) {
    $(function () {
      if (window.location.pathname !== "/" && !window.location.pathname.endsWith("index.php")) return;

      let currentBuffer = [];
      let isFetching = false;

      // 🧱 HTML
      const html = `
        <div id="live-posts" class="stats section">
          <div class="live-posts-wrapper">
            <table class="container stats">
              <thead>
                <tr>
                  <th class="tcl">🧑💻 Автор</th>
                  <th class="tc2">🕒 Время</th>
                  <th class="tcr">💬 Последнее сообщение</th>
                </tr>
              </thead>
              <tbody class="hasicon live-posts-tbody">
                <tr><td colspan="3">Загрузка...</td></tr>
              </tbody>
            </table>
          </div>
        </div>
      `;

      if ($('.statscon').length) {
        $('.statscon').prepend(html);
      } else {
        $('body').append(html);
      }

      const $tbody = $('.live-posts-tbody');
      const $wrapper = $('.live-posts-wrapper');

      function showError(msg = "❌ Ошибка загрузки.") {
        $tbody.html(`<tr><td colspan="3">${msg}</td></tr>`);
      }

      function formatDate(timestamp) {
        const ts = new Date(1000 * timestamp);
        const mo = String(ts.getMonth() + 1).padStart(2, '0');
        const dd = String(ts.getDate()).padStart(2, '0');
        const hh = String(ts.getHours()).padStart(2, '0');
        const mm = String(ts.getMinutes()).padStart(2, '0');
        return `${dd}.${mo} ${hh}:${mm}`;
      }

      function createRow(item, isRecent = false) {
        const timeStr = formatDate(item[0]);
        const rowClass = isRecent ? "new-message" : "";
        return $(`
          <tr class="${rowClass}">
            <td class="tcl">🧑💻 ${item[1]}</td>
            <td class="tc2">🕒 ${timeStr}</td>
            <td class="tcr">💬 <a href="${item[2]}" target="_blank">${item[3]}</a></td>
          </tr>
        `);
      }

      function renderBuffer(newItemIds = new Set()) {
        const sortedAll = [...currentBuffer].sort((a, b) => a[0] - b[0]);
        const latestItems = sortedAll.slice(-maxBuffer);
        const displayItems = newestAtBottom
          ? latestItems
          : latestItems.reverse();

        $tbody.empty();
        displayItems.forEach(item => {
          const isNew = newItemIds.has(item[2]);
          const $row = createRow(item, isNew);
          $tbody.append($row);
        });

        if (newItemIds.size > 0) {
          $tbody.find('.new-message').each(function () {
            const $el = $(this);
            setTimeout(() => {
              $el.animate({ backgroundColor: "transparent" }, 2000, () => {
                $el.removeClass('new-message');
              });
            }, 100);
          });
        }

        if (newestAtBottom && newItemIds.size > 0) {
          $wrapper.scrollTop($wrapper[0].scrollHeight);
        }
      }

      function fetchLatestPosts(retryCountAjax = 0) {
        if (isFetching) return;
        isFetching = true;

        $.getScript(`/export.php?type=js&max=${fetchMax}&_=` + Date.now())
          .done(() => {
            isFetching = false;

            if (typeof content === "undefined" || !Array.isArray(content)) {
              if (retryCountAjax < 3) {
                setTimeout(() => fetchLatestPosts(retryCountAjax + 1), retryDelay);
              } else {
                showError();
              }
              return;
            }

            const freshItems = [];
            const newItemIds = new Set();

            content.forEach(item => {
              if (!item || item.length < 4) return;
              if (item[3].includes('·') || item[3].includes('¬')) return;
              freshItems.push(item);
            });

            freshItems.forEach(item => {
              const url = item[2];
              const wasMissing = !currentBuffer.some(msg => msg[2] === url);
              if (wasMissing) {
                newItemIds.add(url);
              }
            });

            currentBuffer = freshItems;

            if (currentBuffer.length > 100) {
              currentBuffer.sort((a, b) => a[0] - b[0]);
              currentBuffer = currentBuffer.slice(-100);
            }

            if (currentBuffer.length === 0) {
              $tbody.html('<tr><td colspan="3">Нет сообщений.</td></tr>');
              return;
            }

            renderBuffer(newItemIds);
          })
          .fail(() => {
            isFetching = false;
            if (retryCountAjax < 3) {
              setTimeout(() => fetchLatestPosts(retryCountAjax + 1), retryDelay);
            } else {
              showError();
            }
          });
      }

      fetchLatestPosts();
      setInterval(fetchLatestPosts, 15000);
    });
  }

  // 🔁 Ждём jQuery
  function waitForJQuery() {
    if (typeof jQuery !== 'undefined') {
      initLivePanel(jQuery);
    } else if (retryCount < maxRetries) {
      retryCount++;
      setTimeout(waitForJQuery, retryDelay);
    } else {
      console.error('[Live Panel] jQuery так и не загрузился. Скрипт остановлен.');
    }
  }

  waitForJQuery();
})();
</script>