SeoJin Kim
@@ -5,9 +5,172 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Insert title here</title>
|
||||
<script
|
||||
src="https://code.jquery.com/jquery-3.4.1.js"
|
||||
integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU="
|
||||
crossorigin="anonymous"></script>
|
||||
<style type="text/css">
|
||||
/* 창 여분 없애기 */
|
||||
body{
|
||||
margin : 0;
|
||||
}
|
||||
/* 전체 배경화면 색상 */
|
||||
.wrapper_div{
|
||||
background-color: #f5f5f5;
|
||||
height: 100%;
|
||||
}
|
||||
/* 팝업창 제목 */
|
||||
.subject_div{
|
||||
width: 100%;
|
||||
background-color: #7b8ed1;
|
||||
color: white;
|
||||
padding: 10px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* 컨텐츠, 버튼 영역 padding */
|
||||
.input_wrap{
|
||||
padding: 30px;
|
||||
}
|
||||
.btn_wrap{
|
||||
padding: 5px 30px 30px 30px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* 버튼 영역 */
|
||||
.cancel_btn{
|
||||
margin-right:5px;
|
||||
display: inline-block;
|
||||
width: 130px;
|
||||
background-color: #5e6b9f;
|
||||
padding-top: 10px;
|
||||
height: 27px;
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
line-height: 18px;
|
||||
}
|
||||
.enroll_btn{
|
||||
display: inline-block;
|
||||
width: 130px;
|
||||
background-color: #7b8ed1;
|
||||
padding-top: 10px;
|
||||
height: 27px;
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
/* 책제목 영역 */
|
||||
.bookName_div h2{
|
||||
margin : 0;
|
||||
}
|
||||
/* 평점 영역 */
|
||||
.rating_div{
|
||||
padding-top: 10px;
|
||||
}
|
||||
.rating_div h4{
|
||||
margin : 0;
|
||||
}
|
||||
select{
|
||||
margin: 15px;
|
||||
width: 100px;
|
||||
height: 40px;
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
}
|
||||
/* 리뷰 작성 영역 */
|
||||
.content_div{
|
||||
padding-top: 10px;
|
||||
}
|
||||
.content_div h4{
|
||||
margin : 0;
|
||||
}
|
||||
textarea{
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
border: 1px solid #dadada;
|
||||
padding: 12px 8px 12px 8px;
|
||||
font-size: 15px;
|
||||
color: #a9a9a9;
|
||||
resize: none;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>${bookInfo}</h1>
|
||||
<h1>${memberId}</h1>
|
||||
|
||||
<div class="wrapper_div">
|
||||
<div class="subject_div">
|
||||
리뷰 등록
|
||||
</div>
|
||||
|
||||
<div class="input_wrap">
|
||||
<div class="bookName_div">
|
||||
<h2>${bookInfo.bookName}</h2>
|
||||
</div>
|
||||
<div class="rating_div">
|
||||
<h4>평점</h4>
|
||||
<select name="rating">
|
||||
<option value="0.5">0.5</option>
|
||||
<option value="1.0">1.0</option>
|
||||
<option value="1.5">1.5</option>
|
||||
<option value="2.0">2.0</option>
|
||||
<option value="2.5">2.5</option>
|
||||
<option value="3.0">3.0</option>
|
||||
<option value="3.5">3.5</option>
|
||||
<option value="4.0">4.0</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="content_div">
|
||||
<h4>리뷰</h4>
|
||||
<textarea name="content"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="btn_wrap">
|
||||
<a class="cancel_btn">취소</a><a class="enroll_btn">등록</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
||||
/* 취소 버튼 */
|
||||
$(".cancel_btn").on("click", function(e){
|
||||
window.close();
|
||||
});
|
||||
|
||||
/* 등록 버튼 */
|
||||
$(".enroll_btn").on("click", function(e){
|
||||
|
||||
const bookId = '${bookInfo.bookId}';
|
||||
const memberId = '${memberId}';
|
||||
const rating = $("select").val();
|
||||
const content = $("textarea").val();
|
||||
|
||||
const data = {
|
||||
bookId : bookId,
|
||||
memberId : memberId,
|
||||
rating : rating,
|
||||
content : content
|
||||
}
|
||||
|
||||
$.ajax({
|
||||
data : data,
|
||||
type : 'POST',
|
||||
url : '/reply/enroll',
|
||||
success : function(result){
|
||||
window.close();
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -5,8 +5,172 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Insert title here</title>
|
||||
<script
|
||||
src="https://code.jquery.com/jquery-3.4.1.js"
|
||||
integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU="
|
||||
crossorigin="anonymous"></script>
|
||||
<style type="text/css">
|
||||
/* 창 여분 없애기 */
|
||||
body{
|
||||
margin : 0;
|
||||
}
|
||||
/* 전체 배경화면 색상 */
|
||||
.wrapper_div{
|
||||
background-color: #f5f5f5;
|
||||
height: 100%;
|
||||
}
|
||||
/* 팝업창 제목 */
|
||||
.subject_div{
|
||||
width: 100%;
|
||||
background-color: #7b8ed1;
|
||||
color: white;
|
||||
padding: 10px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* 컨텐츠, 버튼 영역 padding */
|
||||
.input_wrap{
|
||||
padding: 30px;
|
||||
}
|
||||
.btn_wrap{
|
||||
padding: 5px 30px 30px 30px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* 버튼 영역 */
|
||||
.cancel_btn{
|
||||
margin-right:5px;
|
||||
display: inline-block;
|
||||
width: 130px;
|
||||
background-color: #5e6b9f;
|
||||
padding-top: 10px;
|
||||
height: 27px;
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
line-height: 18px;
|
||||
}
|
||||
.enroll_btn{
|
||||
display: inline-block;
|
||||
width: 130px;
|
||||
background-color: #7b8ed1;
|
||||
padding-top: 10px;
|
||||
height: 27px;
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
/* 책제목 영역 */
|
||||
.bookName_div h2{
|
||||
margin : 0;
|
||||
}
|
||||
/* 평점 영역 */
|
||||
.rating_div{
|
||||
padding-top: 10px;
|
||||
}
|
||||
.rating_div h4{
|
||||
margin : 0;
|
||||
}
|
||||
select{
|
||||
margin: 15px;
|
||||
width: 100px;
|
||||
height: 40px;
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
}
|
||||
/* 리뷰 작성 영역 */
|
||||
.content_div{
|
||||
padding-top: 10px;
|
||||
}
|
||||
.content_div h4{
|
||||
margin : 0;
|
||||
}
|
||||
textarea{
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
border: 1px solid #dadada;
|
||||
padding: 12px 8px 12px 8px;
|
||||
font-size: 15px;
|
||||
color: #a9a9a9;
|
||||
resize: none;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="wrapper_div">
|
||||
<div class="subject_div">
|
||||
리뷰 등록
|
||||
</div>
|
||||
|
||||
<div class="input_wrap">
|
||||
<div class="bookName_div">
|
||||
<h2>${bookInfo.bookName}</h2>
|
||||
</div>
|
||||
<div class="rating_div">
|
||||
<h4>평점</h4>
|
||||
<select name="rating">
|
||||
<option value="0.5">0.5</option>
|
||||
<option value="1.0">1.0</option>
|
||||
<option value="1.5">1.5</option>
|
||||
<option value="2.0">2.0</option>
|
||||
<option value="2.5">2.5</option>
|
||||
<option value="3.0">3.0</option>
|
||||
<option value="3.5">3.5</option>
|
||||
<option value="4.0">4.0</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="content_div">
|
||||
<h4>리뷰</h4>
|
||||
<textarea name="content"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="btn_wrap">
|
||||
<a class="cancel_btn">취소</a><a class="enroll_btn">등록</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
||||
/* 취소 버튼 */
|
||||
$(".cancel_btn").on("click", function(e){
|
||||
window.close();
|
||||
});
|
||||
|
||||
/* 등록 버튼 */
|
||||
$(".enroll_btn").on("click", function(e){
|
||||
|
||||
const bookId = '${bookInfo.bookId}';
|
||||
const memberId = '${memberId}';
|
||||
const rating = $("select").val();
|
||||
const content = $("textarea").val();
|
||||
|
||||
const data = {
|
||||
bookId : bookId,
|
||||
memberId : memberId,
|
||||
rating : rating,
|
||||
content : content
|
||||
}
|
||||
|
||||
$.ajax({
|
||||
data : data,
|
||||
type : 'POST',
|
||||
url : '/reply/enroll',
|
||||
success : function(result){
|
||||
window.close();
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user