Obecnie przerabiam pewien tutorial tworząc pierwszy CRUD w javie i natrafiłem na denerwujący problem.
Chciałbym w pewnym momencie na stronie edytować np. imię Managera. Wyświetla się pole Name: Abacki i pod nim dwa przyciski Unlock oraz Save. Domyślnie tego imienia nie mogę edytować, ale po naciśnięciu przycisku Unlock powinienem już móc zmienić jego imię i zapisać go przyciskiem Save.
Problem w tym, że obsługa tego przycisku Unlock nie działa.
Poniżej zawartość mojego pliku view.jsp.
Jakieś propozycje co poprawić?
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="sf" uri="http://www.springframework.org/tags/form" %>
<html>
<head>
<title>Manager page</title>
<link rel="stylesheet" href="resources/style.css" type="text/css">
</head>
<body>
<h2>Manager info</h2>
<div id="list">
<sf:form method="post">
<ul>
<li>
<label for="name">Name:</label>
<input name="name" id="name" value="${manager.name}" disabled />
</li>
<li>
<input type="button" value="Unlock" id="unlock" />
<input type="submit" value="Save" id="save" class="hidden" />
</li>
</ul>
</sf:form>
</div>
<br /><br />
<a href="../managers">Go back</a>
<script src="resources/jquery-1.7.1.js"></script>
<script>
(function() {
$("#unlock").on("click", function() {
$("#unlock").addClass("hidden");
// enable stuff
$("#name").removeAttr("disabled");
$("#save").removeClass("hidden");
});
})();
</script>
</body>
</html>