jquery_coffee_test.coffee

ajax = new Ajax("/comments")
insert_json = (data) ->
  lines = $.parseJSON(data).line.reverse()
  $("div#comments").html ""
  i = 0

  while i < ((if lines.length < 10 then lines.length else 10))
    main = $("<div>",
      class: "data"
    )
    $("<span>",
      class: "date"
    ).text(lines[i]["date"]).appendTo main
    $("<div>",
      class: "comment"
    ).text(lines[i]["name"] + " : " + lines[i]["comment"]).appendTo main
    $("div#comments").append main
    i++

ajax.on_get = insert_json
post = ->
  name = $("#chat #name").val()
  comment = $("#chat #comment").val()
  if comment.length < 1
    alert "無言はなしよ"
    return
  ajax.post
    name: name
    comment: comment

  $("input,text").not("input[type=\"button\"],input[id=\"name\"]").val ""
  false

$ ->
  json = ""
  ajax.start()
  $.get "/first_comments", (data) ->
    insert_json data

  $("#chat #send").click post