anchor.diff:                          <form:input path="user.lastName"/>
                       </c:if>
                       <c:if test="${actionText=='Edit'}">
  -                        ${command.user.lastName}
  +                        <form:input path="user.lastName"id="lastNameField" cssClass="userField"/>
  +                        <span id="userLastName">${command.user.lastName}</span>
                       </c:if>
                   </div>
               </div>
  
positive.code:                         <form:input path="user.middleName"/>
                      </c:if>
                      <c:if test="${actionText=='Edit'}">
                          ${command.user.middleName}
                      </c:if>
                  </div>
              </div>
  
negative.code:         })
      }
  
      function registerEditUserInfoLink() {
          var aElement = $('user-edit-link')
  
          Event.observe(aElement, "click", function(e) {
              Event.stop(e)
              $('cancel-user-edit-link').style.display = 'inline';
              $('firstNameField').style.display = 'inline';
              $('middleNameField').style.display = 'inline';
              $('lastNameField').style.display = 'inline';
              $('userFirstName').hide()
              $('userMiddleName').hide()
              $('userLastName').hide()
              aElement.hide()
          })
      }
  
      function undoUserEdit(){
          $('user-edit-link').style.display = 'inline';
          $('firstNameField').style.display = 'none';
          $('firstNameField').value= $('userFirstName').innerHTML
          $('middleNameField').value= $('userMiddleName').innerHTML
          $('lastNameField').value= $('userLastName').innerHTML
  
          $('middleNameField').style.display = 'none';
          $('lastNameField').style.display = 'none';
          $('userFirstName').show()
          $('userMiddleName').show()
          $('userLastName').show()
          $('cancel-user-edit-link').hide()
      }
  
      function registerCancelEditUserInfoLink() {
          var aElement = $('cancel-user-edit-link')
          Event.observe(aElement, "click", function(e) {
              Event.stop(e)
              undoUserEdit()
          })
      }
  
  
      function cancelButtonClick() {
          var aElement = $('submit')
          Event.observe(aElement, 'click', function(e){
              undoUserEdit()
          })
          
      }
  
      Event.observe(window, "load", registerEditUserInfoLink);
      Event.observe(window, "load", registerCancelEditUserInfoLink);
      Event.observe(window, "load", registerEditPasswordLink);
      Event.observe(window, "load", registerCancelEditPasswordLink);
      Event.observe(window, "load", updateTable);
      Event.observe(window, "load", cancelButtonClick);
  
  
      </c:if>
  
      </script>
  