도와주세여ㅠㅠ 댓글창이 안눌려여..
본문
tailwind 테마 0.3 바꾸려고 하는데여
댓글달린 곳 누르면 클릭이 안돼요.. 왜이러는거죠?ㅠㅠ
<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
?>
<script>
// 글자수 제한
var char_min = parseInt(<?php echo $comment_min ?>); // 최소
var char_max = parseInt(<?php echo $comment_max ?>); // 최대
</script>
<div class="felx mx-3">
<button type="button" class="cmt_btn hover:bg-gray-200 font-bold py-2 px-4 rounded my-3 w-full border rounded shadow bg-white"><span class="total"><b>댓글</b> <?php echo $view['wr_comment']; ?></span> <i class="fa fa-chevron-down"> </i></button>
</div>
<!-- 댓글 시작 { -->
<section id="bo_vc">
<?php
$cmt_amt = count($list);
for ($i=0; $i<$cmt_amt; $i++) {
$comment_id = $list[$i]['wr_id'];
$cmt_depth = 15 + strlen($list[$i]['wr_comment_reply']) * 15;
//$comment = $list[$i]['content'];
$comment = gnucon_regexp($list[$i]['content']);
/*
if (strstr($list[$i]['wr_option'], "secret")) {
$str = $str;
}
*/
$comment = preg_replace("/\[\<a\s.*href\=\"(http|https|ftp|mms)\:\/\/([^[:space:]]+)\.(mp3|wma|wmv|asf|asx|mpg|mpeg)\".*\<\/a\>\]/i", "<script>doc_write(obj_movie('$1://$2.$3'));</script>", $comment);
$cmt_sv = $cmt_amt - $i + 1; // 댓글 헤더 z-index 재설정 ie8 이하 사이드뷰 겹침 문제 해결
$c_reply_href = $comment_common_url.'&c_id='.$comment_id.'&w=c#bo_vc_w';
$c_edit_href = $comment_common_url.'&c_id='.$comment_id.'&w=cu#bo_vc_w';
$is_comment_reply_edit = ($list[$i]['is_reply'] || $list[$i]['is_edit'] || $list[$i]['is_del']) ? 1 : 0;
?>
<article id="c_<?php echo $comment_id ?>" <?php if ($cmt_depth) { ?>style="margin-left:<?php echo $cmt_depth ?>px;border-top-color:#e0e0e0"<?php } ?> class="flex bg-white border rounded-lg mx-4 mt-2">
<div class="flex items-start pb-4 w-full">
<div class="w-full">
<div class="flex items-center justify-between flex-wrap border-b pb-2 comment-header pt-4 px-4 rounded-t-lg">
<h2 class="md:text-base text-sm font-semibold text-gray-900 -mt-1 whitespace-no-wrap">
<?php echo $list[$i]['name']; ?>
<span class="font-normal text-sm">
<?php if ($is_ip_view) { ?>
<span class="sound_only">아이피</span>
<span class="md:text-base text-xs truncate">(<?php echo $list[$i]['ip']; ?>)</span>
<?php } ?>
<?php
include(G5_THEME_SNS_PATH.'/view_comment_list.sns.skin.php');
?>
</span>
</h2>
<ul class="flex items-center justify-end">
<?php if($is_comment_reply_edit) { ?>
<div class="flex reply_edit" style="display:none">
<?php if ($list[$i]['is_reply']) { ?>
<div class="flex text-gray-700 text-sm mr-1 md:mr-2 px-2 hover:bg-gray-300 rounded">
<a href="<?php echo $c_reply_href; ?>" onclick="comment_box('<?php echo $comment_id ?>', 'c'); return false;">
<i class="fa fa-reply w-4 h-4 p-1 mr-1"> </i> <span class="hidden md:inline-block"> 답변 </span>
</a>
</div>
<?php } ?>
<?php if ($list[$i]['is_edit']) { ?>
<div class="flex text-gray-700 text-sm mr-1 md:mr-2 px-2 hover:bg-gray-300 rounded">
<a href="<?php echo $c_edit_href; ?>" onclick="comment_box('<?php echo $comment_id ?>', 'cu'); return false;">
<i class="fa fa-edit w-4 h-4 mr-1 p-1"> </i> <span class="hidden md:inline-block"> 수정 </span>
</a>
</div>
<?php } ?>
<?php if ($list[$i]['is_del']) { ?>
<div class="flex text-gray-700 text-sm mr-1 md:mr-2 px-2 hover:bg-gray-300 rounded">
<a href="<?php echo $list[$i]['del_link']; ?>" onclick="return comment_delete(this);">
<i class="fa fa-trash-alt w-4 h-4 mr-1 p-1"> </i> <span class="hidden md:inline-block"> 삭제 </span>
</a>
</div>
<?php } ?>
</div>
<?php } ?>
<small class="text-sm whitespace-no-wrap truncate text-gray-700 datetime"><i class="fa fa-clock-o" aria-hidden="true"></i> <time datetime="<?php echo date('Y-m-d\TH:i:s+09:00', strtotime($list[$i]['datetime'])) ?>"><?php echo $list[$i]['datetime'] ?></time></small>
</ul>
</div>
<!-- 댓글 출력 -->
<div class="text-gray-700 p-1 px-4">
<p>
<?php if (strstr($list[$i]['wr_option'], "secret")) { ?><img src="<?php echo $board_skin_url; ?>/img/icon_secret.gif" alt="비밀글"><?php } ?>
<?php echo $comment ?>
</p>
<?php if($is_comment_reply_edit) {
if($w == 'cu') {
$sql = " select wr_id, wr_content, mb_id from $write_table where wr_id = '$c_id' and wr_is_comment = '1' ";
$cmt = sql_fetch($sql);
if (!($is_admin || ($member['mb_id'] == $cmt['mb_id'] && $cmt['mb_id'])))
$cmt['wr_content'] = '';
$c_wr_content = $cmt['wr_content'];
}
?>
<?php } ?>
</div>
<span id="edit_<?php echo $comment_id ?>" class="bo_vc_w"></span><!-- 수정 -->
<span id="reply_<?php echo $comment_id ?>" class="bo_vc_w"></span><!-- 답변 -->
<input type="hidden" value="<?php echo strstr($list[$i]['wr_option'],"secret") ?>" id="secret_comment_<?php echo $comment_id ?>">
<textarea id="save_comment_<?php echo $comment_id ?>" style="display:none"><?php echo get_text($list[$i]['content1'], 0) ?></textarea>
</div>
<script>
$(function() {
// 댓글 옵션창 열기
$(".btn_cm_opt").on("click", function(){
$(this).parent("div").children(".bo_vc_act").show();
});
// 댓글 옵션창 닫기
$(document).mouseup(function (e){
var container = $(".bo_vc_act");
if( container.has(e.target).length === 0)
container.hide();
});
});
</script>
</div>
</article>
<?php } ?>
<?php if ($i == 0) { //댓글이 없다면 ?><p id="bo_vc_empty" class="mx-3 border py-6 rounded bg-white px-3 text-center">등록된 댓글이 없습니다.</p><?php } ?>
</section>
<!-- } 댓글 끝 -->
<?php if ($is_comment_write) {
if($w == '')
$w = 'c';
?>
<!-- 댓글 쓰기 시작 { -->
<aside id="bo_vc_w" class="flex items-center justify-center mx-3 mb-4">
<form name="fviewcomment" id="fviewcomment" action="<?php echo $comment_action_url; ?>" onsubmit="return fviewcomment_submit(this);" method="post" autocomplete="off" class="w-full my-1">
<input type="hidden" name="w" value="<?php echo $w ?>" id="w">
<input type="hidden" name="bo_table" value="<?php echo $bo_table ?>">
<input type="hidden" name="wr_id" value="<?php echo $wr_id ?>">
<input type="hidden" name="comment_id" value="<?php echo $c_id ?>" id="comment_id">
<input type="hidden" name="sca" value="<?php echo $sca ?>">
<input type="hidden" name="sfl" value="<?php echo $sfl ?>">
<input type="hidden" name="stx" value="<?php echo $stx ?>">
<input type="hidden" name="spt" value="<?php echo $spt ?>">
<input type="hidden" name="page" value="<?php echo $page ?>">
<input type="hidden" name="is_good" value="">
<h2 class="px-4 pb-2 text-gray-800 text-sm sound_only">댓글쓰기</h2>
<span class="sound_only">내용</span>
<?php if ($comment_min || $comment_max) { ?><strong id="char_cnt"><span id="char_count"></span>글자</strong><?php } ?>
<textarea id="wr_content" name="wr_content" maxlength="10000" required class="bg-white rounded border-2 leading-tight appearance-none border-gray-400 leading-normal resize-none w-full h-20 py-2 px-3 mt-3 font-medium placeholder-gray-700 focus:outline-none focus:border-gray-500" title="내용" placeholder="댓글내용을 입력해주세요"
<?php if ($comment_min || $comment_max) { ?>onkeyup="check_byte('wr_content', 'char_count');"<?php } ?>><?php echo $c_wr_content; ?></textarea>
<?php if ($comment_min || $comment_max) { ?><script> check_byte('wr_content', 'char_count'); </script><?php } ?>
<script>
$(document).on("keyup change", "textarea#wr_content[maxlength]", function() {
var str = $(this).val()
var mx = parseInt($(this).attr("maxlength"))
if (str.length > mx) {
$(this).val(str.substr(0, mx));
return false;
}
});
</script>
<div class="flex flex-wrap mb-6">
<div class="bo_vc_w_info flex">
<?php if ($is_guest) { ?>
<label for="wr_name" class="sound_only">이름<strong> 필수</strong></label>
<input type="text" name="wr_name" value="<?php echo get_cookie("ck_sns_name"); ?>" id="wr_name" required class="mr-3 sm:w-auto w-1/2 bg-gray-100 rounded border border-gray-400 leading-normal resize-none py-2 px-3 font-medium placeholder-gray-700 focus:outline-none focus:bg-white" size="25" placeholder="이름">
<label for="wr_password" class="sound_only">비밀번호<strong> 필수</strong></label>
<input type="password" name="wr_password" id="wr_password" required class="sm:w-auto w-1/2 bg-gray-100 rounded border border-gray-400 leading-normal resize-none py-2 px-3 font-medium placeholder-gray-700 focus:outline-none focus:bg-white" size="25" placeholder="비밀번호">
<?php
}
?>
<?php
if($board['bo_use_sns'] && ($config['cf_facebook_appid'] || $config['cf_twitter_key'])) {
?>
<span class="sound_only">SNS 동시등록</span>
<span id="bo_vc_send_sns"></span>
<?php } ?>
</div>
<div class="text-right w-full">
<?php if ($is_guest) { ?>
<?php echo tailwind_captcha_html(); ?>
<?php } ?>
<div class="inline-flex items-center mt-3 ml-3">
<input type="checkbox" name="wr_secret" value="secret" id="wr_secret" class="selec_chk form-checkbox h-5 w-5 text-blue-600">
<label for="wr_secret" class="ml-2 text-gray-700 select-none text-sm">비밀글</label>
</div>
<button type="submit" id="btn_submit" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded text-sm">댓글등록</button>
</div>
</div>
</form>
</aside>
<script>
var save_before = '';
var save_html = document.getElementById('bo_vc_w').innerHTML;
function good_and_write()
{
var f = document.fviewcomment;
if (fviewcomment_submit(f)) {
f.is_good.value = 1;
f.submit();
} else {
f.is_good.value = 0;
}
}
function fviewcomment_submit(f)
{
var pattern = /(^\s*)|(\s*$)/g; // \s 공백 문자
f.is_good.value = 0;
var subject = "";
var content = "";
$.ajax({
url: g5_bbs_url+"/ajax.filter.php",
type: "POST",
data: {
"subject": "",
"content": f.wr_content.value
},
dataType: "json",
async: false,
cache: false,
success: function(data, textStatus) {
subject = data.subject;
content = data.content;
}
});
if (content) {
Swal_Ko.fire({text : "내용에 금지단어('"+content+"')가 포함되어있습니다"});
f.wr_content.focus();
return false;
}
// 양쪽 공백 없애기
var pattern = /(^\s*)|(\s*$)/g; // \s 공백 문자
document.getElementById('wr_content').value = document.getElementById('wr_content').value.replace(pattern, "");
if (char_min > 0 || char_max > 0)
{
check_byte('wr_content', 'char_count');
var cnt = parseInt(document.getElementById('char_count').innerHTML);
if (char_min > 0 && char_min > cnt)
{
Swal_Ko.fire({text : "댓글은 "+char_min+"글자 이상 쓰셔야 합니다."});;
return false;
} else if (char_max > 0 && char_max < cnt)
{
Swal_Ko.fire({text : "댓글은 "+char_max+"글자 이하로 쓰셔야 합니다."});;
return false;
}
}
else if (!document.getElementById('wr_content').value)
{
Swal_Ko.fire({text : "댓글을 입력하여 주십시오."});;
return false;
}
if (typeof(f.wr_name) != 'undefined')
{
f.wr_name.value = f.wr_name.value.replace(pattern, "");
if (f.wr_name.value == '')
{
Swal_Ko.fire({text : "이름이 입력되지 않았습니다."});
f.wr_name.focus();
return false;
}
}
if (typeof(f.wr_password) != 'undefined')
{
f.wr_password.value = f.wr_password.value.replace(pattern, "");
if (f.wr_password.value == '')
{
Swal_Ko.fire({text : "비밀번호가 입력되지 않았습니다."});
f.wr_password.focus();
return false;
}
}
<?php if($is_guest) echo chk_captcha_js(); ?>
set_comment_token(f);
document.getElementById("btn_submit").disabled = "disabled";
return true;
}
function comment_box(comment_id, work)
{
var el_id,
form_el = 'fviewcomment',
respond = document.getElementById(form_el);
// 댓글 아이디가 넘어오면 답변, 수정
if (comment_id)
{
if (work == 'c')
el_id = 'reply_' + comment_id;
else
el_id = 'edit_' + comment_id;
}
else
el_id = 'bo_vc_w';
if (save_before != el_id)
{
if (save_before)
{
document.getElementById(save_before).style.display = 'none';
}
document.getElementById(el_id).style.display = '';
document.getElementById(el_id).appendChild(respond);
//입력값 초기화
document.getElementById('wr_content').value = '';
// 댓글 수정
if (work == 'cu')
{
document.getElementById('wr_content').value = document.getElementById('save_comment_' + comment_id).value;
if (typeof char_count != 'undefined')
check_byte('wr_content', 'char_count');
if (document.getElementById('secret_comment_'+comment_id).value)
document.getElementById('wr_secret').checked = true;
else
document.getElementById('wr_secret').checked = false;
}
document.getElementById('comment_id').value = comment_id;
document.getElementById('w').value = work;
if(save_before)
$("#captcha_reload").trigger("click");
save_before = el_id;
}
}
function comment_delete(ele)
{
Swal_Ko.fire({
title: '삭제',
text : '이 댓글을 삭제하시겠습니까?',
showCancelButton: true,
}).then((result) => {
if (result.value) {
location.href = ele.href;
}
});
return false;
}
comment_box('', 'c'); // 댓글 입력폼이 보이도록 처리하기위해서 추가 (root님)
<?php if($board['bo_use_sns'] && ($config['cf_facebook_appid'] || $config['cf_twitter_key'])) { ?>
$(function() {
// sns 등록
$("#bo_vc_send_sns").load(
"<?php echo G5_SNS_URL; ?>/view_comment_write.sns.skin.php?bo_table=<?php echo $bo_table; ?>",
function() {
save_html = document.getElementById('bo_vc_w').innerHTML;
}
);
});
<?php } ?>
</script>
<?php } ?>
<!-- } 댓글 쓰기 끝 -->
<script>
jQuery(function($) {
//댓글열기
$(".cmt_btn").click(function(e){
e.preventDefault();
$(this).toggleClass("cmt_btn_op");
$(this).find('i').toggleClass('fa-chevron-up');
$("#bo_vc").toggle();
});
$('.comment-header').hover(function () {
$(this).find('.reply_edit').show();
$(this).find('.datetime').hide();
}, function () {
$(this).find('.reply_edit').hide();
$(this).find('.datetime').show();
}
);
$('.comment-header').click(function () {
$(this).find('.reply_edit').show();
$(this).find('.datetime').hide();
});
});
</script>
답변 1
해당 부분만 육안으로 봐서 답변을 구하시기 어렵습니다.
사용중인 홈페이지의 url 링크라도 받아야 확인이 가능합니다.
답변감사합니다.. 그누위즈님
저 새로 질문 올렸는데 확인해주시면 안될까여?ㅠ
