글자크게 보기로 전환시 코멘트 입력창 깨지는것 방지(수정) > 그누4 팁자료실

그누4 팁자료실

그누보드4와 관련된 팁을 여러분들과 함께 공유하세요.
나누면 즐거움이 커집니다.

글자크게 보기로 전환시 코멘트 입력창 깨지는것 방지(수정) 정보

글자크게 보기로 전환시 코멘트 입력창 깨지는것 방지(수정)

본문

현재 배포중인 basic 기본 스킨에 포함된 기능중에서....
폰트 크기를 크게/작게 보기 기능이 포함이 되어 있습니다.
현재 이게시판도 적용이 되어 있죠.

현재 이게시판에서 테스트를 한번씩 해봅시다.^^

바로위에 (제목옆에) 있는 글자크기를 크게 보기로 두번정도
누른후 아래의 코멘트 입력창 부분을 보세요.
어딘가 어색하게 되어 있는게 보일겁니다.
못 찾으신 분들은...메롱 입니다.ㅋ

글자를 크게 보기로 한후 코멘트 입력 창이 어색하게 잘려지는 현상을 수정해
보겠습니다. 이걸 해결해 보느라 어제밤에 눈빠지는줄 알았습니다...ㅜ.ㅜ

아래의 방법은 제컴퓨터 환경에서 수정된 내용이므로 사용자마다 다를수도
있으므로 참고 바랍니다.

--------------------------------------------------

1,
js/board.js 의 내용중 아래코드를

function drawFont(fontSize) {
    if (!fontSize) {
        fontSize = getFontSize();
    }

    var subject=document.getElementById("writeSubject");
    var content=document.getElementById("writeContents");
    var comment=document.getElementById("commentContents");
    var wr_subject=document.getElementById("wr_subject");
    var wr_content=document.getElementById("wr_content");
    if (comment) {
        var commentDiv = comment.getElementsByTagName("div");
        var lineHeight = fontSize+Math.round(1.1*fontSize);
    }

    fontSize = fontSize + "px";

    if (subject)
        subject.style.fontSize=fontSize;
    if (content)
        content.style.fontSize=fontSize;
    if (wr_subject)
        wr_subject.style.fontSize=fontSize;
    if (wr_content)
        wr_content.style.fontSize=fontSize;
    if (commentDiv) {
        for (i=0;i<commentDiv.length;i++) {
            commentDiv[i].style.fontSize=fontSize;
        }
    }
}


다음과 같이 코드를 추가하여 수정 합니다.


function drawFont(fontSize) {
    if (!fontSize) {
        fontSize = getFontSize();
    }

    var subject=document.getElementById("writeSubject");
    var content=document.getElementById("writeContents");
    var comment=document.getElementById("commentContents");
    var wr_subject=document.getElementById("wr_subject");
    var wr_content=document.getElementById("wr_content");
    var wrs_contents=document.getElementById("wrs_contents");
    if (comment) {
        var commentDiv = comment.getElementsByTagName("div");
        var lineHeight = fontSize+Math.round(1.1*fontSize);
    }

    fontSize = fontSize + "px";

    if (subject)
        subject.style.fontSize=fontSize;
    if (content)
        content.style.fontSize=fontSize;
    if (wr_subject)
        wr_subject.style.fontSize=fontSize;
    if (wr_content)
        wr_content.style.fontSize=fontSize;
    if (wrs_contents)
        wrs_contents.style.fontSize=fontSize;
    if (commentDiv) {
        for (i=0;i<commentDiv.length;i++) {
            commentDiv[i].style.fontSize=fontSize;
        }
    }
}
---------------------------------------------------


2,
view_comment.skin.php 의 내용중

<span id=comment_write style='display:none;'> <-이라인 바로 아래에

아래 코드를 추가
<table id="wrs_contents" name="wrs_contents" width=100% cellpadding=3 cellspacing=0 bgcolor=#F8F8F9>
<tr><td colspan=2>

<form ......생략하고 하단으로 쭉 내려면 아래처럼 나옵니다

</form>
</span>

여기서 아래처럼 태그를 추가

</form>
</td></tr>
</table>
</span>


즉 span 태그로 감싸인  form 태그 전체를 table태그로 한번더 감싸 버리는 겁니다.
이렇게 한후 폰트를 크게보기로 하여도 코멘트 입력 부분은 깔끔하게 나오더군요.
추천
0

댓글 4개

흑흑~ 죄송합니다. ㅠㅠ 원글의 내용을 수정 하였습니다.

몇가지 스킨을 동시에 열어두고서 수정 하다보니 잠시 착각해서 코드를 잘못 올렸네요
.
테스트: http://kkk.myhome.tv/admins/bbs/board.php?bo_table=sub4_1
전체 67 |RSS
그누4 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT