자바스크립트 도움좀 부탁드립니다. 채택완료
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개
테스트는 안해봤습니다.
어짜피 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개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인