Помогите GameStore Как отобразить кнопки навигации с серверами

  • Автор темы Автор темы Rhaegar
  • Дата начала Дата начала

Rhaegar

Автор темы
9 Май 2023
547
41
151
Коммерцию не предлагать!!!

Создал пользовательский виджет:
CSS:
<body>
  <div id="root">
    <main class="container Index-module__wrapper">
      <section class="Shop-module__wrapper">
        <div class="boxBody">
            <div class="Servers-module__servers">
              <button data-serverid="12322" type="button" class="Servers-module__server">Сервер 1</button>
              <button data-serverid="12522" type="button" class="Servers-module__server">Сервер 2</button>
            </div>
        </div>
      </section>
    </main>
  </div>
</body>

Объект отображается слева от товаров. Необходимо чтобы кнопки были над категориями товаров.
Может я что не так сделал.

НЕ КОММЕРЦИЯ говорю сразу!!!

ps Если найду решение, то напишу сюда, мне не жалко! быть может кому поможет однажды.
 
Коммерцию не предлагать!!!

Создал пользовательский виджет:
CSS:
<body>
  <div id="root">
    <main class="container Index-module__wrapper">
      <section class="Shop-module__wrapper">
        <div class="boxBody">
            <div class="Servers-module__servers">
              <button data-serverid="12322" type="button" class="Servers-module__server">Сервер 1</button>
              <button data-serverid="12522" type="button" class="Servers-module__server">Сервер 2</button>
            </div>
        </div>
      </section>
    </main>
  </div>
</body>

Объект отображается слева от товаров. Необходимо чтобы кнопки были над категориями товаров.
Может я что не так сделал.

НЕ КОММЕРЦИЯ говорю сразу!!!

ps Если найду решение, то напишу сюда, мне не жалко! быть может кому поможет однажды.
JavaScript:
(function () {
  const serversDiv = document.createElement('div');
  serversDiv.className = 'Servers-module__servers';

  const btn1 = document.createElement('button');
  btn1.className = 'Servers-module__server';
  btn1.type = 'button';
  btn1.dataset.serverid = '12322';
  btn1.textContent = 'Сервер 1';
  const btn2 = document.createElement('button');

  btn2.className = 'Servers-module__server';
  btn2.type = 'button';
  btn2.dataset.serverid = '12522';
  btn2.textContent = 'Сервер 2';
  serversDiv.appendChild(btn1);
  serversDiv.appendChild(btn2);
  function insertServersBlock() {
    const categoriesEl = document.querySelector('.Categories-module__categories');
    if (categoriesEl) {
      categoriesEl.parentNode.insertBefore(serversDiv, categoriesEl);
    }
  }
  insertServersBlock();
  const observer = new MutationObserver(() => {
    const found = document.querySelector('.Categories-module__categories');
    if (found) {
      insertServersBlock();
      observer.disconnect();
    }
  });
  observer.observe(document.body, { childList: true, subtree: true });
  setTimeout(() => observer.disconnect(), 15000);
})();

хз, правильно тебя понял или нет
 
  • Мне нравится
Реакции: Rhaegar
JavaScript:
(function () {
  const serversDiv = document.createElement('div');
  serversDiv.className = 'Servers-module__servers';

  const btn1 = document.createElement('button');
  btn1.className = 'Servers-module__server';
  btn1.type = 'button';
  btn1.dataset.serverid = '12322';
  btn1.textContent = 'Сервер 1';
  const btn2 = document.createElement('button');

  btn2.className = 'Servers-module__server';
  btn2.type = 'button';
  btn2.dataset.serverid = '12522';
  btn2.textContent = 'Сервер 2';
  serversDiv.appendChild(btn1);
  serversDiv.appendChild(btn2);
  function insertServersBlock() {
    const categoriesEl = document.querySelector('.Categories-module__categories');
    if (categoriesEl) {
      categoriesEl.parentNode.insertBefore(serversDiv, categoriesEl);
    }
  }
  insertServersBlock();
  const observer = new MutationObserver(() => {
    const found = document.querySelector('.Categories-module__categories');
    if (found) {
      insertServersBlock();
      observer.disconnect();
    }
  });
  observer.observe(document.body, { childList: true, subtree: true });
  setTimeout(() => observer.disconnect(), 15000);
})();

хз, правильно тебя понял или нет
О, респект тебе, работает.

Тут мне подкинули варик, оказывается все было просто (твой код аналогичный), надо в настройках, указать
1752862787391.webp
 
О, респект тебе, работает.

Тут мне подкинули варик, оказывается все было просто (твой код аналогичный), надо в настройках, указать
1752862787391.webp
Не за что.
Юзал аналогичный скрипт для других целей, но может кому-нибудь пригодится
А про "Отображение сервера" как-то не всматривался, не знал даже что оно существует)
 
  • Мне нравится
Реакции: Rhaegar

Похожие темы