자바스크립트 도움좀 부탁드립니다.
본문
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>
css랑 html만 좀 만지는 디자이너라 자바스크립트는 무뇌한이네요ㅠ.ㅠ 감사합니다. 잘 됩니다!
