index.js

   1 (function () {
   2
   3     var input = $("#input");
   4     var output = $("#output");
   5     var annotation = $("#annotation");
   6
   7     function update(event, val) {
   8         val = val || input.val();
   9         annotation.html(tengwar.annotateHtml(val));
  10         output.html(tengwar.transcribeHtml(val));
  11         location.hash = "#" + encodeURIComponent(val);
  12         input.css({
  13             // trixsy math coupled too strongly to font
  14             // metrics on my own machine, but working
  15             "height": (val.split("\n").length * 1.164 + 0.3) + "em"
  16         })
  17     }
  18
  19     var val = ">Ash nazg durbatulûk, ash nazg gimbatul,<\nAsh nazg thrakatulûk agh burzum-ishi krimpatul.";
  20     if (location.hash) {
  21         input.val(val = decodeURIComponent(location.hash.slice(1)));
  22     }
  23
  24     input.keyup(update);
  25     input.keydown(update);
  26     output.tengwar();
  27     input.select();
  28     update(null, val);
  29
  30 })();