prototype_in_place_editor_with_empty_text.js

Ajax.InPlaceEditorWithEmptyText = Class.create(Ajax.InPlaceEditor, {

  initialize: function($super, element, url, options) {

    if (!options.emptyText)        options.emptyText      = "Click to Edit";
    if (!options.emptyClassName)   options.emptyClassName = "inplaceeditor-empty";

    $super(element, url, options);

    this.checkEmpty();
  },

  checkEmpty: function() {
    if(window.console)
      window.console.log("checkEmpty() called.");
    
    if (this.element.innerHTML.length == 0 && this.options.emptyText) {

      this.element.appendChild(
          new Element("span", { className : this.options.emptyClassName }).update(this.options.emptyText)
        );
    }

  },

  getText: function($super) {

    if (empty_span = this.element.select("." + this.options.emptyClassName).first()) {
      empty_span.remove();
    }

    return $super();

  },

  leaveEditMode: function($super, transport) {

    retval = $super(transport);
    this.checkEmpty();
    return retval;

  }

});