view about-mozilla.js @ 4:0342c0407851

A fully horizontal layout.
author Atul Varma <varmaa@toolness.com>
date Sat, 28 Feb 2009 14:07:12 -0800
parents b7aa5afa19de
children e0cadd9e8161
line wrap: on
line source

var ISSUE_URL = "issue-2009-02-24.html";
var ISSUE_DATE = "February 24, 2009";

function onIssueLoaded() {
  $("#raw-issue a[name]").each(
    function(i) {
      var headline = $(this).next().text();
      var content = $('<div class="content"></div>');
      for (var node = $(this).parent().next();
           node.length && !node.find("a[name]").length;
           node = node.next(":not(.postmetadata)"))
        content.append(node.clone());

      var entry = $('<div class="entry"></div>');
      entry.append($('<div class="headline"></div>').text(headline));
      entry.append(content);
      $("#body").append(entry);
    }
  );

  $(".date").text(ISSUE_DATE);
  $("#issue").fadeIn();
  $(document.body).width($(".entry").width() *
                         $(".entry").length);
}

$(window).ready(
  function() {
    $("#raw-issue").load(ISSUE_URL + " .entry",
                         null,
                         onIssueLoaded);
  });