[자바스크립트] 동적(?), 보여줘야하는 갯수만큼 펼치기(보이기)/접기(숨기기)

게시판에서 코멘트 같은 경우 자기 자신이 작성한 코멘트에 대해서는 수정/삭제가 가능해야 한다.

하지만 해당 게시글에 코멘트를 딱 하나밖에 작성을 못하나? 그런 규칙이나 법은 없지 않은가?

해당 게시글에 대한 코멘트(메모)는 여러개, 수십개, 수백개, 수천개가 작성될 수 도 있다.

나는 참고로 자바스크립트, CSS, javascript, jQuery를 다뤄본적이 없기에 게시판 HTML또한 DIV가아닌 오로지 테이블로...구성되어 있다.

이런 나에게 자바스크립트는...과제를 완성해야하는 시간도 없을뿐더러 그냥 필요하면 그때 그때 배워나가려고 마음을 굳혔다.

 

//자바스크립트 부분

//코멘트 수정 및 삭제 메뉴(테이블) 보이기/숨기기

function showCmtEdit(cmtNo) {

var cmtEdit = document.getElementById("cmtEdit"+cmtNo);

if (cmtEdit.style.display == "none") {

cmtEdit.style.display = "";

} else {

cmtEdit.style.display = "none";

}

}

 

//HTML부분

<table border=0 width="${width }" id="cmtEdit${cmtNo }" style="display: none;">

여기에서  cmtNo변수는 코멘트(댓글)번호이다.

댓글번호는 DB에도 저장되어 있으며, 컨트롤러에서도 Model객체에 담아 보내주는 변수 중 하나이다.

 

보이는가? 최대한 나름대로 참고 자료없이 스스로 짜보았다.

물론 매우 허접스러운 소스이고 누구나 코딩 할 수 있는 소스지만, 자바스크립트와 jQuery를 다뤄본적이 없는 나에겐 정말 뜻 깊은 소스였다...

결론은 대만족~! :)

ps. ${width}..? 이것 또한...CSS따위 사용하지않고 jstl을 이용하여 테이블 폭을 동적으로 바꿔줬다...휴우...