5 window.onload = function() {
6 var lesson_episodes = [
7 {% for episode in site.episodes %}
8 "{{ episode.url}}"{% unless forloop.last %},{% endunless %}
11 var xmlHttp = []; /* Required since we are going to query every episode. */
12 for (i=0; i < lesson_episodes.length; i++) {
13 xmlHttp[i] = new XMLHttpRequest();
14 xmlHttp[i].episode = lesson_episodes[i]; /* To enable use this later. */
15 xmlHttp[i].onreadystatechange = function() {
16 if (this.readyState == 4 && this.status == 200) {
17 var article_here = document.getElementById(this.episode);
18 var parser = new DOMParser();
19 var htmlDoc = parser.parseFromString(this.responseText,"text/html");
20 var htmlDocArticle = htmlDoc.getElementsByTagName("article")[0];
21 article_here.appendChild(htmlDocArticle.getElementsByTagName("h1")[0]);
22 for (let image of htmlDocArticle.getElementsByTagName("img")) {
23 article_here.appendChild(image);
27 episode_url = "{{ page.root }}" + lesson_episodes[i];
28 xmlHttp[i].open("GET", episode_url);
29 xmlHttp[i].send(null);
34 Create anchor for each one of the episodes.
36 {% for episode in site.episodes %}
37 <article id="{{ episode.url }}"></article>