gistfile1.coffee

$ ->
  class AjaxDateUpdater
    constructor: (@id, @url) ->
      $(@id).hover @hover_in, @hover_out
      @old = ""
      @has_focus = false
    
    hover_in: (ev) =>
      return if @has_focus
      $el = $ ev.target
      @old = $el.html()
      width = $el.width()
      $el.html ""
      props =
        type: 'name'
        name: @id
        value: @old
        style: "width: #{width}px"
      input = $ "<input>", props
      input.appendTo this
      
      input.focusin @grab_focus
      input.focusout @leave_focus
  
    hover_out: (ev) =>
      unless @has_focus
        $(ev.target).html @old
  
    grab_focus: =>
      @has_focus = true
    
    leave_focus: =>
      @has_focus = false