<%@ page language="java" contentType="text/html; charset=EUC-KR"
pageEncoding="EUC-KR"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<link href="login.css" rel="stylesheet" type="text/css" />
<link href="join.css" rel="stylesheet" type="text/css" />
<title>LOGIN</title>
</head>
<body>
<form id="loginform">
<div class="logincontent">
<input type="text" name="userid" placeholder="E-Mail">
<input type="password" name="passwd" placeholder="Password">
</div>
<div class="loginbutton">
<input type="button" value="Login">
<input type="button" class=joinopen value="Join">
</div>
</form>
<div class="joincontent">
<input type="text" name="userid" placeholder="E-Mail">
<input type="password" name="passwd" placeholder="Password">
</div>
<input type="button" value="Join">
<input type="button" value="Close">
</div>
</div>
</body>
</html>
----- CSS에서 해당 부분 -----
.joinform{
position: absolute;
top:50%;
left:50%;
margin-top:-125px;
margin-left:-200px;
width: 400px;
height: 250px;
border: 1px solid #c0c0c0;
border-radius: 2px;
background-color: #ffffff;
visibility: hidden;
}
여기서 JOIN 버튼을 누르면 visibility를 visible로 바꾸려고 합니다.
근데 그렇게 하려면 자바스크립트를 써야한다는데..
제가 자바스크립트를 정말 건들여본적이 거의 없다는게 문제입니다 ㅠㅠ
여차저차 구글링 해서
<script>
$(document).ready(function() {
$('.joinopen').click(function() {
$('.joinform').show();
});
});
</script>
를 소스에 추가해봤는데요..
역시 예상대로 join을 눌러봐도 안됩니다 ㅠㅠ
제가 그래서 염치불구하고 여러분들께 물어보러 왔습니다
어떻게 코드를 고쳐야 가능한가요?
자바스크립트를 JSP파일에서 쓰려면 다른 방법이 필요하다는 이야기도 들었는데
어떻게 해야하는지 정말 영 감이안오네요..
본인삭제금지
글쓰기