글자크게 보기로 전환시 코멘트 입력창 깨지는것 방지(수정) 정보
글자크게 보기로 전환시 코멘트 입력창 깨지는것 방지(수정)
본문
현재 배포중인 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태그로 한번더 감싸 버리는 겁니다.
이렇게 한후 폰트를 크게보기로 하여도 코멘트 입력 부분은 깔끔하게 나오더군요.
폰트 크기를 크게/작게 보기 기능이 포함이 되어 있습니다.
현재 이게시판도 적용이 되어 있죠.
현재 이게시판에서 테스트를 한번씩 해봅시다.^^
바로위에 (제목옆에) 있는 글자크기를 크게 보기로 두번정도
누른후 아래의 코멘트 입력창 부분을 보세요.
어딘가 어색하게 되어 있는게 보일겁니다.
못 찾으신 분들은...메롱 입니다.ㅋ
글자를 크게 보기로 한후 코멘트 입력 창이 어색하게 잘려지는 현상을 수정해
보겠습니다. 이걸 해결해 보느라 어제밤에 눈빠지는줄 알았습니다...ㅜ.ㅜ
아래의 방법은 제컴퓨터 환경에서 수정된 내용이므로 사용자마다 다를수도
있으므로 참고 바랍니다.
--------------------------------------------------
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
0
댓글 4개
ㅠ.ㅠ 위에 설명대로 했는데..
왜서 그냥 깨지지......나만 그런가?????
왜서 그냥 깨지지......나만 그런가?????

흑흑~ 죄송합니다. ㅠㅠ 원글의 내용을 수정 하였습니다.
몇가지 스킨을 동시에 열어두고서 수정 하다보니 잠시 착각해서 코드를 잘못 올렸네요
.
테스트: http://kkk.myhome.tv/admins/bbs/board.php?bo_table=sub4_1
몇가지 스킨을 동시에 열어두고서 수정 하다보니 잠시 착각해서 코드를 잘못 올렸네요
.
테스트: http://kkk.myhome.tv/admins/bbs/board.php?bo_table=sub4_1
ㅠ.ㅠ 두번째 또 설명대로 했는데도 안되네요...
내 홈피가 문제 있는가???????
내 홈피가 문제 있는가???????

흑~ 전 잘되던데 이상 하네요. 다시한번 점검해보니 코드는 맞는데..ㅠㅠ
제가 올린 테스트 게시판에서 확인해 보세요.
제가 올린 테스트 게시판에서 확인해 보세요.