-
(기능추가4-5) 댓글삭제기능 구현(프론트)프로젝트/프로젝트_사진첩 2023. 9. 13. 00:08
display.php
$delete_box = '<form class="delete_box float_left" action="process_comment_delete.php" method="POST" onsubmit="if(!confirm(\'정말 삭제하시겠습니까?\')) {return false;}"> //onsubmit속성으로 삭제시 확인작업추가.<input type="hidden" name="id" value="'.$_GET['id'].'"><input id="delete_submit" type="submit" value="X"></form>'; //delete box 추가.while ($row = mysqli_fetch_array($result2)){$escaped_comment = htmlspecialchars($row['comment']);$comment_list = $comment_list."<li class='float_left'>{$escaped_comment}</li>{$delete_box}<br>";}style_display.css
ol{list-style-type: upper-alpha; //추후 수정예정(실제 댓글창처럼 만들면 더 좋을것 같음)}
form.delete_box{margin-left : 7px;}
input#delete_submit{border-width: 0px;background-color: white;color : red;}
input#delete_submit:hover{cursor : pointer; //pointer의 모양을 바꾸는 속성}
.float_left{float : left; //li태그는 display를 통해 inline속성을 적용하면 list-style이 없어짐. 그래서 삭제버튼과 댓글을 같은줄에 보이도록 float를 설정함}문제점>
-comment테이블에서 댓글(DB row)을 삭제하기위해 row를 식별할 정확한 정보를 DB에 전달할 필요가 있는데, 이를 어떻게 할지 table구조를 바꿀지, 새로운 필드를 추가할지 고민중 (아직 댓글 삭제기능을 백엔드로 구현하지 않았음)
-페이지 크기를 줄이면 댓글input창이 깨짐.
느낀점>
-하면할수록 추가되는 기능이 점점 많아지지만 찾아가는 재미가 있어서 좋다.
결과물>
display.php '프로젝트 > 프로젝트_사진첩' 카테고리의 다른 글
(기능추가 3-3) 무한스크롤 파인튜닝하기 (2) 2023.11.26 (기능추가4-6) 댓글삭제기능 구현(백엔드) (0) 2023.09.17 (기능추가4-4) 댓글기능 구현 (1) 2023.09.12 (기능추가4-3) 작성자 테이블 구축, 양식초기화, select 태그 (0) 2023.09.09 (기능추가4-2) 상세페이지 내용 DB에서 불러오기 (0) 2023.09.09