[jQuery] 게시판 댓글, 답글 처리 로직

프로그래밍/JavaScript

[jQuery] 게시판 댓글, 답글 처리 로직

도깨비방망이 2014. 4. 18. 11:16

[jQuery] 게시판 댓글, 답글 로직

1. 댓글 리스트 LOOP

1) 수정

class="btnEdit"

id="btnEdit_<%=댓글고유번호%>"

2) 삭제

class="btnDelete"

id="btnDelete_<%=댓글고유번호%>"

3) 답글

class="btnReply"

id="btnReply_<%=댓글고유번호%>"

4) 수정, 답글 입력창 공간 확보

수정창 : <div id="comment_Edit_<%=댓글고유번호%>" class="comment_Edit" style="display:none;"></div>

답글창 : <div id="comment_Reply_<%=댓글고유번호%>" class="comment_Reply" style="display:none;"></div>

2. 소스

1) jQuery

2) HTML

<%
	for (int iIndex = 0; iIndex < dtComment.Rows.Count; iIndex++)
	{
		string seq_item = dtComment.Rows[iIndex]["seq"].ToString();
		....
		....

%>
		<div class="box_u">
				
			<% 
			cssClassName = "_u";
			if (nDepth_item != "0")
			{
				cssClassName = "01_u";		
			%>
				<div class="reply_u"><img src="http://www.culturehouse.co.kr/images/ReIcon_u.gif" /></div>
			<%
			} %>

<div class="<%=cssClassName%>">
				<div class="ct_u" id="comment_<%=seq_item%>">
					<% if (int.Parse(nDepth_item) > 1)
					{ %>
					<div class="replyid_u"><%=replyID_item%> 답글</div>
					<% } %>
					<%=strComment_item%>
				</div>
				<div id="comment_Edit_<%=seq_item%>" class="comment_Edit"  style="display:none;"></div>	
				
				<div class="infor_u">
					<div class="area_u">
						<span class="id_u"><%=m_UID_remark%></span>
						<span class="date_u"> |  <%=AddDate_item%></span>
						<span class="re_u" ><img src="images/btn_re.gif" id="btnReply_<%=seq_item%>" class="btnReply" /></span>
						<%
					if (m_uid == strUSerID_item || (int.Parse(loginUserLevel) < 3))
					{
					%>
						<span class="del_u"><a href="#" id="btnEdit_<%=seq_item%>" class="btnEdit">수정</a> | <a href="#" id="btnDelete_<%=seq_item%>" class="btnDelete">삭제</a></span>
						<%
					}
					%>
					</div>
				</div>

<div id="comment_Reply_<%=seq_item%>" class="comment_Reply" style="display:none;"></div>
			</div>

</div>
		
			
	<div class="line_u"></div>		
<%
	}
%>

<div class="replybox_u">
	<form name="frmData" id="frmData" method="post" action="<%=strActionPage%>">
		<input type="hidden" name="seq" id="seq"  />
		<input type="hidden" name="key_seq" value="<%=key_seq %>" />
		<input type="hidden" name="nPage" value="<%=nPage %>" />
		<input type="hidden" name="Comment" id="Comment" />
		<input type="hidden" name="WorkingTag" id="WorkingTag" value="A" />

저작자표시 비영리 변경금지