링크개수 노출 조절 채택완료

링크 10개 까지 허용했더니 글작성할때 밑에 링크 입력창이 너무 많이 나타나서 스크롤 밑으로 내려야지

글쓰기 버튼이 보이는데 혹시 3개까지 기본 보이고  + 버튼 넣고서 클릭할때마다 링크 입력란 하나씩

보이게 하고 - 버튼 누르면 링크입력란 없애기 하고싶은데 혹시 아시는 전문가님들 계신가요

 

답변 1개

채택된 답변
+20 포인트

Copy
<?php
// 처음에는 3개까지만 입력창을 표시합니다.
for ($i = 1; $is_link && $i <= 3; $i++) {
?>
<div class="bo_w_link write_div">
    <label for="wr_link<?php echo $i ?>"><i class="fa fa-link" aria-hidden="true"></i><span class="sound_only"> 링크 #<?php echo $i ?></span></label>
    <input type="text" name="wr_link<?php echo $i ?>" value="<?php if($w=="u"){ echo $write['wr_link'.$i]; } ?>" id="wr_link<?php echo $i ?>" class="frm_input full_input" size="50">
</div>
<?php
}
?>

<button class="btn_add_link">+</button>
<button class="btn_del_link">-</button>

<script>
$(function() {
    // + 버튼 클릭 시 링크 입력창 추가
    $('.btn_add_link').on('click', function() {
        // 현재 입력창의 개수 확인
        var link_count = $('.bo_w_link').length;

        // 10개까지만 허용
        if (link_count < 10) {
            // 새 입력창 생성
            var new_link_div = $('<div class="bo_w_link write_div">\
                <label for="wr_link' + (link_count + 1) + '"><i class="fa fa-link" aria-hidden="true"></i><span class="sound_only"> 링크 #' + (link_count + 1) + '</span></label>\
                <input type="text" name="wr_link' + (link_count + 1) + '" id="wr_link' + (link_count + 1) + '" class="frm_input full_input" size="50"></div>');
            // 마지막 입력창 뒤에 추가
            $('.bo_w_link').last().after(new_link_div);
        }
    });

    // - 버튼 클릭 시 링크 입력창 삭제
    $('.btn_del_link').on('click', function() {
        var link_count = $('.bo_w_link').length;
        if (link_count > 3) {
            $('.bo_w_link').last().remove();
        }
    });
});
</script>

by Gemini
로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

감사합니다 제가 원하던 답이였습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고