Episode 013

[ahJ4s|1726024958488|Tue Sep 10 2024 20:22:38 GMT-0700 (Pacific Daylight Time)|code]

"Add a 'Replay' button, to replay code-sections in the logs";
setTimeout(function(){

var div;
var logs;
var replay_button;
var replay_string;

replay_button = document.getElementById("replaybutton");
if (replay_button)
  return;

replay_string = replay.toString().replace(/\s+/g, " ").replace(/&/g, "&amp;").replace(/"/g, "&quot;");
logs = document.getElementById("logs");
div = document.createElement("div");
/*
 * The order of operations matters, here.  In at least MSIE6, if the order of the next 2 lines is
 * swapped, it yields an unintuitive result.  When the web-browser processes the 'innerHTML'
 * property-assignent and produces the <button> sub-element, it chooses a scope for undeclared
 * variables used in any code inside attributes, such as the 'onclick' attribute, below.  If the
 * <div> has already been attached to a descendant of the 'document', then that scope is the
 * 'window' object: assignments to undeclared variables will appear as properties of 'window'.  If,
 * however, the browser is MSIE6 and the <div> has not yet been attached to the 'document'-tree,
 * then that scope is NOT the 'window' object; even if the <div> is attached later on.  Fun!
 */
logs.appendChild(div);
div.innerHTML = "<button id=\"replaybutton\" onclick=\"(0, " + replay_string + ")();\">Replay</button>";
return;

function replay()
  {
    var eval_next_textarea;
    var clean_eval;
    var is_p;
    var logs;
    var node;
    var node_name;
    var subnode;
    var subnode_name;
    var text;

    clean_eval = new Function("try { (0, eval)(arguments[0]); } catch (e) {}");
    eval_next_textarea = false;
    logs = document.getElementById("logs");
    for (node = logs.firstChild; node; node = node.nextSibling)
      {
        node_name = node.nodeName.toLowerCase();
        switch (node_name)
          {
            case "p":
            is_p = true;
            break;

            case "textarea":
            is_p = false;
            break;

            default:
            continue;
          }
        subnode = node.firstChild;
        if (!subnode)
          continue;
        subnode_name = subnode.nodeName.toLowerCase();
        if (subnode_name != "#text")
          continue;
        text = subnode.nodeValue;
        if (is_p)
          {
            if (text.match(/\|code]$/))
              eval_next_textarea = true;
          }
          else
          {
            if (!eval_next_textarea)
              continue;
            eval_next_textarea = false;
            clean_eval(text);
          }
      }
    alert("Replayed code sections");
  }

}, 0);
"OK";

[ahJ4s|1726024958498|Tue Sep 10 2024 20:22:38 GMT-0700 (Pacific Daylight Time)|value]

OK

[ahJ4s|1726025470030|Tue Sep 10 2024 20:31:10 GMT-0700 (Pacific Daylight Time)|code]

alert(42);

[ahJ4s|1726025472452|Tue Sep 10 2024 20:31:12 GMT-0700 (Pacific Daylight Time)|value]

undefined

[ahJ4s|1726025528763|Tue Sep 10 2024 20:32:08 GMT-0700 (Pacific Daylight Time)|code]

"Apologies in advance for the UI change, in future episodes";
"UI changes can cause much suffering and there is common ignorance of this fact";

[ahJ4s|1726025528763|Tue Sep 10 2024 20:32:08 GMT-0700 (Pacific Daylight Time)|value]

UI changes can cause much suffering and there is common ignorance of this fact