bin/boilerplate/aio.md

   1 ---
   2 ---
   3 <script>
   4   window.onload = function() {
   5     var lesson_episodes = [
   6     {% for episode in site.episodes %}
   7     "{{ episode.url}}"{% unless forloop.last %},{% endunless %}
   8     {% endfor %}
   9     ];
  10     var xmlHttp = [];  /* Required since we are going to query every episode. */
  11     for (i=0; i < lesson_episodes.length; i++) {
  12       xmlHttp[i] = new XMLHttpRequest();
  13       xmlHttp[i].episode = lesson_episodes[i];  /* To enable use this later. */
  14       xmlHttp[i].onreadystatechange = function() {
  15       if (this.readyState == 4 && this.status == 200) {
  16         var article_here = document.getElementById(this.episode);
  17         var parser = new DOMParser();
  18         var htmlDoc = parser.parseFromString(this.responseText,"text/html");
  19         var htmlDocArticle = htmlDoc.getElementsByTagName("article")[0];
  20         article_here.innerHTML = htmlDocArticle.innerHTML;
  21         }
  22       }
  23       episode_url = "{{ base }}" + lesson_episodes[i];
  24       xmlHttp[i].open("GET", episode_url);
  25       xmlHttp[i].send(null);
  26     }
  27   }
  28 </script>
  29 {% comment %}
  30 Create anchor for each one of the episodes.
  31 {% endcomment %}
  32 {% for episode in site.episodes %}
  33 <article id="{{ episode.url }}"></article>
  34 {% endfor %}