_includes/aio-script.md

   1 {% comment %}
   2 As a maintainer, you don't need to edit this file.
   3 If you notice that something doesn't work, please
   4 open an issue: https://github.com/carpentries/styles/issues/new
   5 {% endcomment %}
   6
   7 <script>
   8   window.onload = function() {
   9     var lesson_episodes = [
  10     {% for episode in site.episodes %}
  11     "{{ episode.url}}"{% unless forloop.last %},{% endunless %}
  12     {% endfor %}
  13     ];
  14     var xmlHttp = [];  /* Required since we are going to query every episode. */
  15     for (i=0; i < lesson_episodes.length; i++) {
  16       xmlHttp[i] = new XMLHttpRequest();
  17       xmlHttp[i].episode = lesson_episodes[i];  /* To enable use this later. */
  18       xmlHttp[i].onreadystatechange = function() {
  19         if (this.readyState == 4 && this.status == 200) {
  20           var article_here = document.getElementById(this.episode);
  21           var parser = new DOMParser();
  22           var htmlDoc = parser.parseFromString(this.responseText,"text/html");
  23           var htmlDocArticle = htmlDoc.getElementsByTagName("article")[0];
  24           article_here.innerHTML = htmlDocArticle.innerHTML;
  25         }
  26       }
  27       var episode_url = "{{ relative_root_path }}" + lesson_episodes[i];
  28       xmlHttp[i].open("GET", episode_url);
  29       xmlHttp[i].send(null);
  30     }
  31   }
  32 </script>
  33 {% comment %}
  34 Create an anchor for every episode.
  35 {% endcomment %}
  36 {% for episode in site.episodes %}
  37 <article id="{{ episode.url }}"></article>
  38 {% endfor %}