Files
first/src/main/webapp/WEB-INF/jsp/sample/boardWrite.jsp
T
2026-08-21 11:19:51 +09:00

97 lines
2.7 KiB
Plaintext

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ko">
<head>
<%@ include file="/WEB-INF/include/include-header.jspf" %>
<title>Insert title here</title>
</head>
<body>
<form id="frm" name="frm" enctype="multipart/form-data">
<table class="board_view">
<colgroup>
<col width="15%">
<col width="*"/>
</colgroup>
<caption>게시글 작성</caption>
<tbody>
<tr>
<th scope="row">제목</th>
<td><input type="text" id="TITLE" name="TITLE" class="wdp_90"></input></td>
</tr>
<tr>
<td colspan="2" class="view_text">
<textarea rows="20" cols="80" title="내용" id="CONTENTS" name="CONTENTS"></textarea>
</td>
</tr>
</tbody>
</table>
<!-- <input type="file" name="file"><br/><br/> -->
<div id="fileDiv">
<p>
<input type="file" id="file" name="file_0">
<a href="#this" class="btn" id="delete" name="delete">삭제</a>
</p>
</div>
<br/><br/>
<a href="#this" class="btn" id="addFile">파일추가</a>
<a href="#this" class="btn" id="write">작성하기</a>
<a href="#this" class="btn" id="list">목록으로</a>
</form>
<%@ include file="/WEB-INF/include/include-body.jspf" %>
<script type="text/javascript">
var gfv_count = 1;
$(document).ready(function(){
$("#list").on("click", function(e){ //목록으로 버튼
e.preventDefault();
fn_openBoardList();
});
$("#write").on("click", function(e){ //작성하기 버튼
e.preventDefault();
fn_insertBoard();
});
$("#addFile").on("click", function(e){ //파일추가하기
e.preventDefault();
fn_addFile();
});
$("a[name='delete']").on("click", function(e){ //추가한 파일 삭제하기
e.prevnetDefault();
fn_deleteFile($(this));
});
});
function fn_openBoardList(){
var comSubmit = new ComSubmit();
comSubmit.setUrl("<c:url value='/sample/openBoardList.do' />");
comSubmit.submit();
}
function fn_insertBoard(){
var comSubmit = new ComSubmit("frm");
comSubmit.setUrl("<c:url value='/sample/insertBoard.do' />");
comSubmit.submit();
}
function fn_addFile(){
var str = "<p><input type='file' name='file_"+(gfv_count++)+"'><a href='#this' class='btn' name='delete'>삭제</a></p>";
$("#fileDiv").append(str);
$("a[name='delete']").on("click", function(e){ //삭제 버튼
e.preventDefault();
fn_deleteFile($(this));
});
}
function fn_deleteFile(obj)
{
obj.parent().remove(); //<p>태그 삭제
}
</script>
</body>
</html>