function showCommentTop(contentId, bo_table) {
<!--{? _is_member }-->
var get_Url = "/bbs/board.php?bo_table=" + bo_table + "&wr_id=" + contentId + "&wmode=1&comment_view=1";
var frm = "<iframe width='100%' height='100%' src='" + get_Url + "' frameborder='0' scrolling='no' id='comment_viewer' onload='autoResize(this)'></iframe>";
frm += "<div align='right'><a class='eb-button eb-button-light' href='javascript:commentTopClose();'>닫기</a></div>";
$("#comment_top").html(frm);
$("#comment_top").show();
<!--{:}-->
alert('로그인 후에 이용하실 수 있습니다.');
<!--{/}-->
}
function commentTopClose(row) {
$("#comment_top").html("");
$("#comment_top").hide();
}
현재 사용중인 자바스크립트 인데 저 부분으로 본 버튼을 클릭하면 내용이 펼쳐지고 닫기 버튼을 누르면 내용이 닫히는 방식으로 구현중인데, 펼쳐진 상태에서 닫기버튼 말고 본버튼을 재클릭 해도 닫기가 적용되게
바꾸려면 어떻게 해야할까요..?
답변 1개 / 댓글 1개
테스트는 안해봤습니다.
어짜피 jquery 사용하시는거 function 말고 셀렉터로 했으면
attr 속성이용해서 훨씬 편하고 짧게 소스 나올듯한데요...
주석부분 참고하세요.
<script type="text/javascript"> <!-- //현재 펼쳐짐상태 false var open_window = false; function showCommentTop(contentId, bo_table) { <!--{? _is_member }-->if(open_window==false) { //펼쳐지지 않았다면 통과 var get_Url = "/bbs/board.php?bo_table=" + bo_table + "&wr_id=" + contentId + "&wmode=1&comment_view=1"; var frm = "<iframe width='100%' height='100%' src='" + get_Url + "' frameborder='0' scrolling='no' id='comment_viewer' onload='autoResize(this)'></iframe>"; frm += "<div align='right'><a class='eb-button eb-button-light' href='javascript:commentTopClose();'>닫기</a></div>"; $("#comment_top").html(frm); $("#comment_top").show(); open_window = true; //펼쳐졌으니 변수에 기록 <!--{:}--> alert('로그인 후에 이용하실 수 있습니다.'); <!--{/}--> }else{ //이미 펼쳐져있으므로, 닫기 펑션호출.commentTopClose();} } function commentTopClose(row) { open_window = false; //닫혔으니 변수에 기록 $("#comment_top").html(""); $("#comment_top").hide(); } //--> </script>답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.