Jquery 모달

/****************************************************************
 *
 * 파일명 : Opinion.js
 * 설  명 : 의견부분 모달 JavaScript
 * **************************************************************/

var bbscttId;
var registerId;

/* 의견목록 불러오기 */
function fn_modal_contents(id1, id2) {
	$(".messege").children().remove();
	bbscttId = id1;
	registerId = id2;
	$.ajax({
		url     : "/home/OpinionList.do",
		method  : "GET",
		type    : "json",
		data    : {"bbscttId" : bbscttId},
		success : function(result) {
			$.each(result, function(index, item) {
				var modalHtml;
				/* 본인 의견일 경우 */
				if (item.registerId == registerId) {
					modalHtml =
						"<div id='opinion"+index+"' class='M p_t30'>"
						+ "<h3>"+item.userNm+"</h3>"
						+ "<span>"+item.rgsde+"</span>"
						+ "<div class='rightT'>"
						+ "<p>"+item.con+"</p>"
						+ "</div>"
						+ "<textarea id='"+item.opinionId+"' class='form-control textareaM modal_none' onfocus='resizeTextarea(this); return false;'>"+item.con+"</textarea>"
						+ "<input type='button' class='editBtn' value='수정' onclick='fn_modal_update_form(this); return false;'>"
						+ "</div>";
				} else {
					modalHtml =
						"<div id='opinion"+index+"' class='Y'>"
						+ "<h3>"+item.userNm+"</h3>"
						+ "<div class='leftT'>"
						+ "<p>"+item.con+"</p>"
						+ "</div>"
						+ "<span>"+item.rgsde+"</span>"
						+ "</div>";
				}

				$(".messege").append(modalHtml);
            });

			$(".wrapMessege").scrollTop($(".messege").height());
			location.href="#wrapModal";
			var nowScrollTop = $("html").scrollTop();
			$('.modalCont').css('top', nowScrollTop+256);
		}
	});
}

/* 업데이트 폼 호출 */
function fn_modal_update_form(self) {
	$(self).parent().find('textarea').attr("class","form-control textareaM modal_in_block");
	$(self).parent().find('.rightT').attr("class","rightT modal_none");
	var buttonHtml =
		"<div class='btnM'><input type='button' class='cancel' value='취소' onclick='fn_modal_cancel(this); return false;'>"
		+ "<span>|</span>"
		+ "<input type='button' class='save' value='저장' onclick='fn_modal_update(this); return false;'></div>"
	$(self).parent().append(buttonHtml);
	$(self).parent().find('textarea').focus();
	$(self).remove();
}
/* 업데이트 폼 취소 */
function fn_modal_cancel(self) {
	$(self).parent().parent().find('textarea').attr("class","form-control textareaM modal_none");
	$(self).parent().parent().find('.rightT').attr("class","rightT modal_in_block");
	$(self).parent().parent().append("<input type='button' class='editBtn' value='수정' onclick='fn_modal_update_form(this); return false;'>");
	$(self).parent().remove();
}

/* 신규 저장 */
function fn_modal_save() {
	var form = {
		"bbscttId" : bbscttId,
		"con" :  $("#newCon").val()
	};
	$.ajax({
		url  : "/home/addOpinion.do",
		method : "POST",
		type    : "json",
		contentType: "application/json",
		data : JSON.stringify(form),
		success : function(result) {
			if (result == "SUCCESS") {
				alert("저장완료");
			} else {
				alert("저장실패");
			}
			fn_modal_contents(bbscttId, registerId);
			$("#newCon").val("");
		}
	});
}

/* 업데이트 */
function fn_modal_update(self) {

	var form = {
		"opinionId" : $(self).parent().parent().find("textarea").attr("id"),
		"con" : $(self).parent().parent().find("textarea").val(),
	};
	$.ajax({
		url     : "/home/updateOpinion.do",
		method  : "POST",
		type    : "json",
		contentType: "application/json",
		data    : JSON.stringify(form),
		success : function(result) {
			if (result == "SUCCESS") {
				alert("수정완료");
			} else {
				alert("수정실패");
			}
			fn_modal_contents(bbscttId, registerId);
		}
	});
}

/* 닫기버튼 */
function fn_modal_exit() {
	location.href="#close";
	$("#modal_content").children().remove();
}

/* textarea 자동 높이조절 */
function resizeTextarea(obj) {
	obj.style.height = (12+obj.scrollHeight)+"px";
}