Ajax + подключение внутренних скриптов но грузит все меню опять

    This site uses cookies. By continuing to browse this site, you are agreeing to our Cookie Policy.

    • Ajax + подключение внутренних скриптов но грузит все меню опять

      Вее работает как ajax ? загрузку скриптов подтянул , но все равно грузит все tpl включает меню верхнее и боковое , вроде все правильно .. но поему грузит все не пойму..

      Source Code

      1. <script>
      3. function initMenu() {
      5. document.querySelectorAll('.nav-link').forEach(item => {
      7. item.addEventListener('click', () => {
      9. loadBlock(item.dataset.url, item.dataset.block);
      11. });
      13. });
      15. }
      19. function loadBlock(url, blockId) {
      21. fetch(url)
      23. .then(response => {
      25. if (!response.ok) throw new Error('error');
      27. return response.text();
      29. })
      31. .then(html => {
      33. const parser = new DOMParser();
      35. const doc = parser.parseFromString(html, 'text/html');
      38. const targetBlock = doc.getElementById(blockId);
      40. const contentDiv = document.getElementById('content');
      43. document.querySelectorAll('script[data-dynamic]').forEach(s => s.remove());
      45. if (targetBlock) {
      48. contentDiv.innerHTML = '';
      50. // Клонируем только нужный блок
      52. const blockClone = targetBlock.cloneNode(true);
      54. contentDiv.appendChild(blockClone);
      57. const scripts = blockClone.querySelectorAll('script');
      59. scripts.forEach(script => {
      61. const newScript = document.createElement('script');
      63. newScript.setAttribute('data-dynamic', '');
      65. if (script.src) {
      67. newScript.src = script.src;
      69. newScript.async = script.async;
      71. newScript.defer = script.defer;
      73. } else {
      75. newScript.textContent = script.textContent;
      77. }
      79. document.body.appendChild(newScript);
      81. });
      83. } else {
      86. contentDiv.innerHTML = '<div style="color:red;">Блок с ID "' + blockId + '"</div>';
      88. }
      90. })
      92. .catch(error => {
      94. document.getElementById('content').innerHTML =
      96. '<div style="color:red;">error: ' + error.message + '</div>';
      98. });
      100. }
      105. document.addEventListener('DOMContentLoaded', initMenu);
      107. </script>
      Display All

      The post was edited 1 time, last by DenPUBG ().

    • все решил с отработкой всех скриптов ... осталась одна задача вывести обзор отдельно и по требованию грузить в всплывающие окно , как доработаю поделюсь решением

      Source Code

      1. <script>
      3. function loadPageContent(url) {
      5. fetch(url)
      7. .then(response => response.text())
      9. .then(html => {
      11. const parser = new DOMParser();
      13. const doc = parser.parseFromString(html, 'text/html');
      17. const menu = doc.querySelector('nav, .menu, #menu');
      19. if (menu) {
      21. menu.remove();
      23. }
      27. const mainContent = doc.querySelector('#content, .main-content, article') || doc.body;
      31. mainContent.querySelectorAll('script').forEach(script => script.remove());
      35. const container = document.getElementById('content');
      37. container.innerHTML = mainContent.innerHTML;
      41. const scripts = Array.from(doc.querySelectorAll('script'));
      43. scripts.forEach(oldScript => {
      45. const newScript = document.createElement('script');
      47. if (oldScript.src) {
      49. newScript.src = oldScript.src;
      51. newScript.async = true;
      53. } else {
      55. newScript.textContent = oldScript.textContent;
      57. }
      59. document.body.appendChild(newScript);
      61. });
      63. })
      65. .catch(error => {
      67. console.error('Ошибка загрузки:', error);
      69. document.getElementById('content').innerHTML = '<p>Ошибка загрузки контента</p>';
      71. });
      73. }
      75. </script>
      79. <button onclick="loadPageContent('game.php?page=research')">research</button>
      81. <button onclick="loadPageContent('game.php?page=buildings')">buildings</button>
      Display All

      The post was edited 1 time, last by DenPUBG ().

    • Вопрос я доработал подгрузку в модальное окно, что расширяет дизайн 2moons , осталась одна проблема, как сделать что бы и сам обзор был по умолчанию в такой же загрузке , или это не обязательно ? так как все клики отрабатываются в ajax и все работает по скриптам.

    • when calling you could do &ajax=1 and if you need more data for the template then &ajax=2
      this should deliver the site without menu.
      <button onclick="loadPageContent('game.php?page=buildings&ajax=2')">buildings</button>

    • а как организовать вернее дать понять что есть файл php вот с такими данными , где отключаю вывод в центральной части дублирующего то есть те tpl которые выводят меню и ресурсы, но не совсем понимаю как дать понять системе что есть такой файл php. сам скрипт обработки будет в навигации , а вывод тултипа в новой tpl

      PHP Source Code

      1. <?php
      2. // load_template.php
      3. $template = $_GET['template'] ?? '';
      4. $allowedTemplates = ['template1', 'template2', и так далее/* ... список всех допустимых шаблонов */];
      6. if (in_array($template, $allowedTemplates)) {
      7. // Отключите вывод header/footer
      8. require "templates/{$template}.tpl";
      9. } else {
      10. echo "Шаблон не найден.";
      11. }
      12. ?>
      Display All

    • и так вроде все работает но выдает вот такую ошибку Warning: require(C:\SERVER\domains\test/templates/buildings.tpl): failed to open stream: No such file or directory in C:\SERVER\domains\test\load_template.php on line 9

      вот код // load_template.php
      <?php

      $template = $_GET['template'] ?? '';
      $allowedTemplates = ['buildings', 'research', 'galaxy', /* ... */]; // Без .tpl

      if (in_array($template, $allowedTemplates)) {
      require __DIR__ . "/templates/{$template}.tpl";
      } else {
      echo "Шаблон не найден.";
      }
      ?>

      и вот что располагается в tpl

      <style>
      #modal {
      position: fixed;
      top: 0; left: 0; right: 0; bottom: 0;
      background: rgba(0,0,0,0.7);
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 1000;
      }

      #modalContentContainer {
      width: 80%;
      max-height: 600px;
      overflow-y: auto;
      background: white;
      padding: 20px;
      box-shadow: 0 0 10px rgba(0,0,0,0.5);
      }

      #closeModal {
      position: absolute;
      top: 10px; right: 10px;
      background: #ff4d4d;
      color: white;
      border: none;
      padding: 8px 12px;
      cursor: pointer;
      }
      </style>
      <ul id="menu">
      <li><a href="#" data-template="game.php?page=buildings">Здания</a></li>
      <li><a href="#" data-template="game.php?page=research">Исследования</a></li>
      <!-- ... -->
      </ul>

      <!-- Модальное окно -->
      <div id="modal" style="display:none;">
      <div id="modalContentContainer"></div>
      <button id="closeModal">Закрыть</button>
      </div>

      {literal}
      <script>
      document.getElementById('menu').addEventListener('click', function(e) {
      if (e.target.tagName === 'A') {
      e.preventDefault();
      const template = e.target.getAttribute('data-template');
      const modal = document.getElementById('modal');
      const container = document.getElementById('modalContentContainer');

      // Извлекаем параметр `page` из строки вида `game.php?page=buildings`
      const urlParams = new URLSearchParams(template.split('?')[1]);
      const page = urlParams.get('page');

      if (page) {
      fetch(`/load_template.php?template=${encodeURIComponent(page)}`)
      .then(response => {
      if (!response.ok) throw new Error('Ошибка загрузки');
      return response.text();
      })
      .then(html => {
      container.innerHTML = html;
      modal.style.display = 'block';
      })
      .catch(err => {
      container.innerHTML = `<p>Ошибка загрузки: ${err.message}</p>`;
      modal.style.display = 'block';
      });
      } else {
      container.innerHTML = `<p>Неверный формат ссылки</p>`;
      modal.style.display = 'block';
      }
      }
      });
      </script>
      {/literal}

    • поправил вот так пути, но все равно не видет
      <?php
      $template = $_GET['template'] ?? '';
      $allowedTemplates = ['buildings', 'research', 'galaxy'];

      if (in_array($template, $allowedTemplates)) {
      $filePath = __DIR__ . "\\styles\\templates\\game\\{$template}.tpl";

      if (file_exists($filePath)) {
      readfile($filePath); // Выводим содержимое файла
      } else {
      echo "❌ Файл {$filePath} не найден!";
      }
      } else {
      echo "Шаблон не найден.";
      }
      ?>

    • $this->getWindow() can be full or ajax or popup

      the template filenames are builded here
      github.com/mimikri/2Moonz/blob…ctGamePage.class.php#L208

      layout.full.tpl for example

      this tpl files compose wich parts are shown in the answer of your request.
      github.com/mimikri/2Moonz/blob…ates/game/layout.full.tpl
      will show all elements from the game. like menu and stuff.

      you can do a own format like myajax, wich delivers the composition you would like to have.

      other option would be to not use smarty make all templating and lang local, and only load jsons for uptdates.
      but this would be some more effort.


      ps: try require "templates/{$template}.tpl";
      relativ path may work
      and check file rights, donno how this is under windows, but when php is run by a user wich don't has the right to open the files then this could happend under linux.

    • Source Code

      1. // Initialize Smarty
      2. $smarty = new Smarty();
      4. // Assign variables to the template
      5. $smarty->assign('title', 'Hello World');
      7. // Render the template (correct method)
      8. $smarty->display('template.tpl');
      10. // Or to get the output as a string:
      11. $output = $smarty->fetch('template.tpl');
      Display All
      .tpl files are processed by smarty

      require would need valid php code in the file.

    • я сейчас пробовал вот такой вариант
      <?php
      $template = $_GET['template'] ?? '';
      $allowedTemplates = ['buildings', 'research', 'galaxy'];

      if (in_array($template, $allowedTemplates)) {
      $prefixes = ['main.', 'page.']; // Проверяем оба префикса
      $filePath = null;

      foreach ($prefixes as $prefix) {
      $tryPath = $_SERVER['DOCUMENT_ROOT'] . "/styles/templates/game/{$prefix}{$template}.tpl";
      if (file_exists($tryPath)) {
      $filePath = $tryPath;
      break;
      }
      }

      if ($filePath) {
      readfile($filePath);
      } else {
      echo "❌ Ни один шаблон не найден для '{$template}'<br>";
      echo "Проверенные пути:<br>";
      foreach ($prefixes as $prefix) {
      echo "- " . $_SERVER['DOCUMENT_ROOT'] . "/styles/templates/game/{$prefix}{$template}.tpl<br>";
      }
      }
      } else {
      echo "Шаблон не найден.";
      }
      ?>


      {literal}
      <style>
      #modal {
      position: fixed;
      top: 0; left: 0; right: 0; bottom: 0;
      background: rgba(0,0,0,0.7);
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 1000;
      }

      #modalContentContainer {
      width: 80%;
      max-height: 600px;
      overflow-y: auto;
      background: white;
      padding: 20px;
      box-shadow: 0 0 10px rgba(0,0,0,0.5);
      }

      #closeModal {
      position: absolute;
      top: 10px; right: 10px;
      background: #ff4d4d;
      color: white;
      border: none;
      padding: 8px 12px;
      cursor: pointer;
      }
      </style>

      <ul id="menu">
      <li><a href="#" data-template="buildings">Здания</a></li>
      <li><a href="#" data-template="research">Исследования</a></li>
      <li><a href="#" data-template="galaxy">Галактика</a></li>
      </ul>

      <!-- Модальное окно -->
      <div id="modal" style="display:none;">
      <div id="modalContentContainer"></div>
      <button id="closeModal">Закрыть</button>
      </div>
      {/literal}

      {literal}
      <script>
      document.getElementById('menu').addEventListener('click', function(e) {
      if (e.target.tagName === 'A') {
      e.preventDefault();
      const template = e.target.getAttribute('data-template');
      const modal = document.getElementById('modal');
      const container = document.getElementById('modalContentContainer');

      if (template) {
      fetch(`/load_template.php?template=${encodeURIComponent(template)}`)
      .then(response => {
      if (!response.ok) throw new Error('Ошибка загрузки');
      return response.text();
      })
      .then(html => {
      container.innerHTML = html;
      modal.style.display = 'block';
      })
      .catch(err => {
      container.innerHTML = `<p>Ошибка: ${err.message}</p>`;
      modal.style.display = 'block';
      });
      } else {
      container.innerHTML = `<p>Неверный формат ссылки</p>`;
      modal.style.display = 'block';
      }
      }
      });

      document.getElementById('closeModal').addEventListener('click', function() {
      document.getElementById('modal').style.display = 'none';
      document.getElementById('modalContentContainer').innerHTML = '';
      });
      </script>

      в итоге получаю все равно вот это ❌ Ни один шаблон не найден для 'buildings'
      Проверенные пути:
      - C:/SERVER/domains/test/styles/templates/game/main.buildings.tpl

    • голову всю сломал - моя задача используя ajax вывести его через модальное окно и без потери скриптов обернуть в iframe
      отдельно я вчера это реализовал работает все но при перезагрузке все сбрасывает.. поэтому пошел этим путем но споткнулся об путь к файлам

    • я пытаюсь сейчас указать что используем смарти
      <?php
      // Подключаем автозагрузчик Smarty
      require_once 'C:/SERVER/domains/test/includes/libs/Smarty/Smarty.class.php';

      $templateName = $_GET['template'] ?? '';
      $allowedTemplates = ['buildings', 'research', 'galaxy'];

      if (in_array($templateName, $allowedTemplates)) {
      // Инициализируем Smarty
      $smarty = new Smarty();

      // Настройки путей Smarty
      $templateDir = 'C:/SERVER/domains/test/styles/templates/game/';
      $compileDir = 'C:/SERVER/domains/test/styles/templates_c/';
      $cacheDir = 'C:/SERVER/domains/test/styles/cache/';
      $configDir = 'C:/SERVER/domains/test/styles/configs/';

      $smarty->setTemplateDir($templateDir)
      ->setCompileDir($compileDir)
      ->setCacheDir($cacheDir)
      ->setConfigDir($configDir);

      // Проверяем оба возможных префикса
      $prefixes = ['main.', 'page.'];
      $found = false;

      foreach ($prefixes as $prefix) {
      $tplFile = $prefix . $templateName . '.tpl';

      if (file_exists($templateDir . $tplFile)) {
      try {
      // Передаем переменные в шаблон (если нужно)
      $smarty->assign('title', 'Добро пожаловать в ' . ucfirst($templateName));

      // Рендерим шаблон и выводим результат
      echo $smarty->fetch($tplFile);
      $found = true;
      break;
      } catch (Exception $e) {
      echo "Ошибка рендеринга шаблона: " . $e->getMessage();
      exit;
      }
      }
      }

      if (!$found) {
      echo "❌ Ни один шаблон не найден для '{$templateName}'<br>";
      echo "Проверенные пути:<br>";
      foreach ($prefixes as $prefix) {
      echo "- {$templateDir}{$prefix}{$templateName}.tpl<br>";
      }
      }
      } else {
      echo "Шаблон не найден.";
      }

      ?>


      но не уверен что правильный путь я указал к Smarty

    • you could costomize the layout.full.tpl and abstractgamepage

      in abstract gamepage you assign a new value
      $this->assign(['clientmode'=> $_GET['page'] ?? 0]);
      and in
      layout.full.tpl

      you can wrap all things you dont need in
      {if $clientmode != 0} ... {/if}

      this would make the site allways in iframe mode when you build something for example the reloaded page in the iframe would be without the parts in {if $clientmode != 0} ... {/if} cause then a page is set
      , so only when the game.php withput page is loaded, after login or on reload of the page, the hole page is loaded. you can put the iframe in layout.full.tpl the iframe should sit then

      other way
      change
      $this->tplObj->display('extends:layout.'.$this->getWindow().'.tpl|'.$file);
      to

      PHP Source Code: includes/pages/game /AbstractGamePage.class.php

      1. $windowmode = $this->getWindow();
      2. if(isset($_GET['page'])){
      3. $windowmode = 'popup';
      4. }
      5. $this->tplObj->display('extends:layout.'.$windowmode.'.tpl|'.$file);
      like this the page is called in layout.popup.tpl allways, exept after login or on page reload.

      on both ways the scripts should work, as long as you use an iframe and not use js with innerHTML or something.

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

      в файле в корне проекта

      1) load_template.php
      <?php
      // Подключаем автозагрузчик Smarty
      $smartyPath = 'C:/SERVER/domains/test/includes/libs/Smarty/Smarty.class.php';

      if (!file_exists($smartyPath)) {
      die("❌ Файл Smarty не найден по пути: " . $smartyPath);
      }

      require_once $smartyPath;

      if (!class_exists('Smarty')) {
      die("❌ Класс Smarty не найден. Проверьте путь или структуру библиотеки.");
      }

      // Подключаем функции
      $functionsPath = 'C:/SERVER/domains/test/includes/GeneralFunctions.php';

      if (!file_exists($functionsPath)) {
      die("❌ Файл функций не найден по пути: " . $functionsPath);
      }

      require_once $functionsPath;

      $templateName = basename($_GET['template'] ?? '');
      $allowedTemplates = ['fleetTable', 'buildings', 'research', 'galaxy'];

      if (in_array($templateName, $allowedTemplates)) {
      // Инициализируем Smarty
      $smarty = new Smarty();

      // Настройки путей
      $templateDir = 'C:/SERVER/domains/test/styles/templates/game/';
      $compileDir = 'C:/SERVER/domains/test/styles/templates_c/';
      $cacheDir = 'C:/SERVER/domains/test/styles/cache/';
      $configDir = 'C:/SERVER/domains/test/styles/configs/';

      $smarty->setTemplateDir($templateDir)
      ->setCompileDir($compileDir)
      ->setCacheDir($cacheDir)
      ->setConfigDir($configDir);

      // Регистрируем pretty_number()
      $smarty->registerPlugin("modifier", "pretty_number", "pretty_number");

      // Пример данных (замените на реальные данные)
      $fleetList = [
      ['name' => 'Флот 1', 'size' => 100],
      ['name' => 'Флот 2', 'size' => 50],
      ];

      // Инициализируем переменные
      $smarty->assign([
      'title' => 'Флоты',
      'fleetList' => $fleetList ?? [], // Защита от null
      ]);

      // Ищем шаблон
      $prefixes = ['main.', 'page.'];
      $suffixes = ['.default.tpl'];
      $found = false;

      foreach ($prefixes as $prefix) {
      foreach ($suffixes as $suffix) {
      $tplFile = $prefix . $templateName . $suffix;
      $fullPath = $templateDir . $tplFile;

      if (file_exists($fullPath)) {
      try {
      echo $smarty->fetch($tplFile);
      $found = true;
      break 2;
      } catch (Exception $e) {
      echo "❌ Ошибка рендеринга: " . $e->getMessage();
      exit;
      }
      }
      }
      }

      if (!$found) {
      echo "❌ Шаблон не найден.";
      }
      } else {
      echo "Шаблон не найден.";
      }
      ?>
      -------------------------------------------------------------------------
      сделал изменение в AbstractGamePage.class.php

      protected function __construct() {
      if (!AJAX_REQUEST) {
      $this->setWindow('full');
      if (!$this->disableEcoSystem) {
      $this->ecoObj = new ResourceUpdate();
      $this->ecoObj->CalcResource();
      }
      $this->initTemplate();
      } else {
      $this->setWindow('ajax');
      // Добавьте инициализацию данных для AJAX
      $this->initAjaxData();
      }
      }

      private function initAjaxData() {
      // Здесь загрузите и передайте нужные данные в шаблон
      $fleetList = $this->loadFleetList(); // Ваш метод загрузки
      $this->assign('fleetList', $fleetList ?? []);
      }

      пока в main.navigation.tpl добавил
      {literal}
      <style>
      #modal {
      position: fixed;
      top: 0; left: 0; right: 0; bottom: 0;
      background: rgba(0,0,0,0.7);
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 1000;
      }

      #modalContentContainer {
      width: 80%;
      max-height: 600px;
      overflow-y: auto;
      background: white;
      padding: 20px;
      box-shadow: 0 0 10px rgba(0,0,0,0.5);
      }

      #closeModal {
      position: absolute;
      top: 10px; right: 10px;
      background: #ff4d4d;
      color: white;
      border: none;
      padding: 8px 12px;
      cursor: pointer;
      }
      </style>

      <ul id="menu">
      <li><a href="#" data-template="buildings">Здания</a></li>
      <li><a href="#" data-template="research">Исследования</a></li>
      <li><a href="#" data-template="galaxy">Галактика</a></li>
      <li><a href="#" data-template="fleetTable">Галактика</a></li>
      </ul>

      <!-- Модальное окно -->
      <div id="modal" style="display:none;">
      <div id="modalContentContainer"></div>
      <button id="closeModal">Закрыть</button>
      </div>
      {/literal}

      {literal}
      <script>
      document.getElementById('menu').addEventListener('click', function(e) {
      if (e.target.tagName === 'A') {
      e.preventDefault();
      const template = e.target.getAttribute('data-template');
      const modal = document.getElementById('modal');
      const container = document.getElementById('modalContentContainer');

      if (template) {
      fetch(`/load_template.php?template=${encodeURIComponent(template)}`)
      .then(response => {
      if (!response.ok) throw new Error('Ошибка загрузки');
      return response.text();
      })
      .then(html => {
      container.innerHTML = html;
      modal.style.display = 'block';
      })
      .catch(err => {
      container.innerHTML = `<p>Ошибка: ${err.message}</p>`;
      modal.style.display = 'block';
      });
      } else {
      container.innerHTML = `<p>Неверный формат ссылки</p>`;
      modal.style.display = 'block';
      }
      }
      });

      document.getElementById('closeModal').addEventListener('click', function() {
      document.getElementById('modal').style.display = 'none';
      document.getElementById('modalContentContainer').innerHTML = '';
      });
      </script>

      {/literal}

    • переходит в шаблоны и показывает дизайн - но они пустые без данных ... сразу не увидел ваш ответ , попробовал это доработать - ошибок не выдает, но как я сказал просто пустая страница без вывода данных
      skrinshoter.ru/sVUFxga6zQJ[Blocked Image: https://skrinshoter.ru/sVUFxga6zQJ]

      The post was edited 1 time, last by DenPUBG ().

    • JavaScript Source Code

      1. // Function to handle link interception and AJAX loading
      2. function dielinks() {
      3. // Get all anchor elements in the document [[1]][[3]]
      4. var links = document.getElementsByTagName("a");
      5. for (var i = 0; i < links.length; i++) {
      6. // Check if link meets criteria for AJAX handling:
      7. // - Doesn't use javascript: protocol
      8. // - Has valid href (not empty or #)
      9. // - Doesn't have onclick/onmousedown attributes as strings
      10. if (links[i].href.includes('javascript') !== true &&
      11. links[i].href !== '' &&
      12. links[i].href !== '#' &&
      13. typeof links[i].getAttribute('onclick') === 'object' &&
      14. typeof links[i].getAttribute('onmousedown') === 'object' &&
      15. typeof links[i].getAttribute('onclick') !== 'string') {
      17. // Log matching links for debugging
      18. console.log(i + '+' + links[i].href);
      20. // Add click event listener to handle AJAX navigation
      21. links[i].addEventListener("click", function (evt) {
      22. evt.preventDefault(); // Prevent default navigation
      23. cujax($(this).attr('href'), 0, evt); // Trigger custom AJAX load
      24. }, false);
      25. }
      26. }
      27. }
      29. // Function to calculate mouse position relative to clicked element
      30. function mpf(e) {
      31. if (e == 0) {
      32. mp = 0; // Reset position if no event
      33. } else {
      34. try {
      35. // Get element position and calculate relative coordinates
      36. var rect = e.target.getBoundingClientRect();
      37. var x = Math.floor(e.clientX - rect.left);
      38. var y = Math.floor(e.clientY - rect.top);
      39. mp = x + 'a' + y; // Format as "xay" string
      40. return mp;
      41. } catch (e) {
      42. console.log(e); // Log errors
      43. mp = 1; // Fallback value
      44. }
      45. }
      46. return mp;
      47. }
      49. var sync = 0; // Request lock to prevent concurrent AJAX calls
      51. // Main AJAX content loading function
      52. function cujax(pfad, formu = 0, event = 0) {
      53. mpf(event); // Capture mouse position
      54. if (typeof formu == 'undefined') formu = 0; // Default form parameter
      56. var inhaltdiv = "content"; // Default content container
      57. // Update container based on URL parameters
      58. if (pfad.includes("mini=1") || pfad.includes("page=raport")) {
      59. inhaltdiv = "batreps";
      60. }
      62. // Prevent concurrent requests unless allowed
      63. if (sync != 0 && !pfad.includes("noblock=1")) {
      64. console.log('blocked call ' + sync);
      65. return;
      66. } else {
      67. console.log('unblocked call ' + sync);
      68. sync = 1; // Lock subsequent requests
      69. }
      71. // Create and configure XMLHttpRequest
      72. var xhttp = new XMLHttpRequest();
      73. xhttp.onreadystatechange = function () {
      74. if (this.readyState == 4 && this.status == 200) {
      75. // Handle successful response
      76. var custime = (new Date()).getTime() - cujaxtime;
      78. // Cleanup workers and intervals
      79. if (typeof worker1 !== "undefined" && !pfad.includes("mini=1")) {
      80. try { worker1.terminate(); } catch (e) { console.log('w1 term fehler' + e); }
      81. worker1 = undefined;
      82. }
      84. // Clear unnecessary intervals
      85. if (!pfad.includes("mini=1")) {
      86. for (var i = maxinterval; i <= myVar; i++) {
      87. if (![servertimeint, plaint, uhrzeitint, pleiint, scanint,
      88. ...Object.values(resourceint), intUpdate, countdownint].includes(i)) {
      89. clearInterval(i);
      90. }
      91. }
      92. }
      94. // Update content container
      95. $('#' + inhaltdiv).empty().html(xhttp.responseText);
      97. // Rebind form submissions in new content
      98. document.querySelectorAll(`#${inhaltdiv} form`).forEach(form => {
      99. if (form.action !== window.location.href && !form.onsubmit) {
      100. form.addEventListener("submit", function (evt) {
      101. evt.preventDefault();
      102. cujax($(this).attr('action'), evt.target, evt);
      103. });
      104. }
      105. });
      107. // Rebind links in new content
      108. dielinks(); // Re-run link interception setup
      110. // Cleanup and UI updates
      111. sync = 0;
      112. document.getElementById(inhaltdiv).scrollTop = 0;
      114. // Handle special cases for dialogs
      115. if (pfad.includes("mini=1") || pfad.includes("page=raport")) {
      116. // Initialize jQuery UI dialog with dynamic title
      117. $('#batreps').dialog({
      118. title: der_title,
      119. width: 'auto',
      120. close: function () {
      121. $(this).html('').dialog("option", "hide");
      122. minipath = 0;
      123. }
      124. });
      125. }
      127. // Additional UI and state management
      128. try {
      129. if (!pfad.includes('page=board') && !pfad.includes('page=Com')) {
      130. //ps.update(); // Update UI components
      131. }
      132. if (!pfad.includes('cp=')) {
      133. nachrichtenbox.style.display = "none";
      134. }
      135. } catch (e) {
      136. if (!pfad.includes("popup=1")) throw new Error(e);
      137. }
      139. // Planet change handling
      140. if (pfad.includes("&cp=") && document.getElementById('distmarker')) {
      141. aresslist_sort(); // Refresh address list
      142. }
      143. } else if (this.readyState == 4) {
      144. // Handle failed requests
      145. console.log('exit: ', xhttp.statusText);
      146. sync = 0;
      147. document.body.style.cursor = "unset";
      148. }
      149. };
      151. // Setup request
      152. cujaxtime = new Date().getTime();
      153. document.body.style.cursor = "progress";
      155. // Handle form submissions
      156. if (formu !== 0) {
      157. var formData = new FormData(formu);
      158. xhttp.open("POST", formu.action + '&cujax=1&stime=' + custime + locaplanet + '&mp=' + mp, true);
      159. xhttp.send(formData);
      160. } else {
      161. xhttp.open("GET", pfad + '&cujax=1&stime=' + custime + locaplanet + '&mp=' + mp, true);
      162. xhttp.send();
      163. }
      165. // Network error handling
      166. xhttp.onabort = xhttp.onerror = function () {
      167. console.log('Request failed');
      168. sync = 0;
      169. document.body.style.cursor = "unset";
      170. };
      171. }
      173. // Helper function to load cached scripts using jQuery
      174. function cachedScript(url, options) {
      175. return jQuery.ajax($.extend({
      176. dataType: "script",
      177. cache: true,
      178. url: url,
      179. async: false
      180. }, options));
      181. }
      183. // Specialized form submission handler
      184. function cujaxform(formu, ausga) {
      185. var http = new XMLHttpRequest();
      186. var url = formu.action;
      187. var formData = new FormData(formu);
      189. http.open("POST", url + '&cujax=1', true);
      190. http.onreadystatechange = function () {
      191. if (http.readyState == 4 && http.status == 200) {
      192. $('#' + ausga).html(http.responseText); // Update target element
      193. }
      194. };
      195. http.send(formData);
      Display All
      this is the js i use in cloneuniverse, it will not run in your game out of the box, but it shows how you could handle problems like ongoning intervals wich are in the scripts.
      it changes all links and changes forms so they are working with the ajax system even if they are normal links before.

      but this is just for inspiration

      your templates are empty because you did not load the page wich extends the abstractpage
      for example ShowOverviewPage.class.php
      cause this pages assign the informations for the templates content section.

    • я вывел лог дбавив следующие
      // Проверка данных перед рендерингом
      echo "<pre>";
      print_r([
      'fleetList' => $fleetList ?? null,
      'title' => $smarty->getTemplateVars('title'),
      ]);
      echo "</pre>";
      ?>
      и
      в навигацию
      <pre>
      {if $fleetList === null}
      Переменная fleetList не передана
      {else}
      Тип: {$fleetList|@gettype}
      Содержимое: {$fleetList|@var_export}
      {/if}
      </pre>

      в итоге вышло так

      Warning: count(): Parameter must be an array or an object that implements Countable in C:\SERVER\domains\test\styles\templates_c\7b53daf8216a14cb28b4a8406e047748f19c744d_0.file.page.fleetTable.default.tpl.php on line 260





      Array( [fleetList] => Array ( [0] => Array ( [name] => Флот 1 [size] => 100 ) [1] => Array ( [name] => Флот 2 [size] => 50 ) ) [title] => Флоты)то есть запрос все таки идет .. но вы правы я не все подключил