1

Eu preciso do primeiro load pra resolver o problema do autoload dos scripts que eu faço com php aonde eu não consigo definir a ordem em que eles vão ser carregados, e depois disso eu preciso dentro desse load de outro load. É possível usar um evento load dentro de outro evento load?

INDEX.HTML

<html>
  <head>
    ...
  </head>
  <body>
    ...
    <?php
      $scripts = dir("js");
      while ($script = $scripts->read()) if ($scripts != "." && $scripts != "..") echo "<script src='js/{$script}'></script>";
    ?>
  </body>
</html>

Aí eu tenho os arquivos carta.js, funcoes.js, script.js e texto.js. carta e texto são classes, funcoes tem um monte de funcoes que eu uso no programa e o script depende desses arquivos ja estarem lidos pra funcionar.

SCRIPT.JS

const cnv = document.getElementById("canvas");
cosnt ctx = cnv.getContext("2d");
const imgs = [];
for (let i = 0; i < 10; i++) {
  (imgs[i] = new Image()).src = `img/imagem${i}.png`;
}
window.onload = () => {
    // executa o resto
}

2
  • Podes mostrar o código que tens? assim podemos encontrar uma outra solução que seja mais adequada
    – Sergio
    3/10/2017 às 14:13
  • Ok, vou editar. 3/10/2017 às 14:14

1 Resposta 1

1

Gera uma array com esses scripts e depois faz um loader no JavaScript assim:

<script>
const scripts = [
<?php
  $scripts = dir("js");
  while ($script = $scripts->read()) if ($scripts != "." && $scripts != "..") echo $script.",";
?>
];


function loadScript(src, done) {
  var script = document.createElement('script');
  script.type = 'text/javascript';
  script.src = 'ajaxnotxt.txt';
  script.onload = done
  document.body.appendChild(script);
}

function carregarScripts(scripts, done) {
  let carregados = 0;
  scripts.forEach((script) => {
    loadScript(script, () => {
      carregados++;
      if (carregados == scripts.length) done();
    });
  });
}

carregarScripts(scripts, () => {
  // aqui todos os scripts estão carregados
  const cnv = document.getElementById("canvas");
  const ctx = cnv.getContext("2d");
  const imgs = [];
  for (let i = 0; i < 10; i++) {
    (imgs[i] = new Image()).src = `img/imagem${i}.png`;
  }

  // executa o resto

});

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .