묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
글자 크기 조절 스크립트의 수정에 관한 질문
2004.06.27 15:57
요즈음 홈페이지나 포털 사이트에서 많이 쓰고 있는 글자 조절 자바스크립트의 수정에 관한 질문입니다.
일단 아래 소스를 먼저 올립니다:
var tgs = new Array( 'div','td','tr');
//Specify spectrum of different font sizes:
var szs = new Array( 'xx-small','x-small','small','medium','+ '+ 'large','x-large','xx-large' );
var startSz = 2;
function ts( trgt,inc ) {
if (!document.getElementById) return
var d = document,cEl = null,sz = startSz,i,j,cTags;
sz += inc;
if ( sz < 0 ) sz = 0;
if ( sz > 6 ) sz = 6;
startSz = sz;
if ( !( cEl = d.getElementById( trgt ) ) ) cEl = d.getElementsByTagName( trgt )[ 0 ];
cEl.style.fontSize = szs[ sz ];
for ( i = 0 ; i < tgs.length ; i++ ) {
cTags = cEl.getElementsByTagName( tgs[ i ] );
for ( j = 0 ; j < cTags.length ; j++ ) cTags[ j ].style.fontSize = szs[ sz ];
}
}
그리고 아래는 글자 크기를 조절하는 것입니다:
<a href="javascript:ts('+ 'body',1)">+ Larger Font</a> | <a
href="javascript:ts('body',-1)">+ Smaller Font</a>
위 스크립트에서는 body 태그 전체를 조절하기 때문에 원하지 곳도 글자 크기가 조절됩니다.
질문드리고자 하는 것은 <div class='alph'>글자 조절 내용</div>과 같은 block 태그로 둘러 싼 곳만 글자를 조절하려면 어떻게 수정해야 하는지 알려주셨으면 고맙겠습니다. 그다지 어렵지는 않을 것 같은데 자바스크립트를 잘 몰라서 몇 가지로 시도했지만 작동하지 않더군요.
아시는 분께 부탁드립니다.
일단 아래 소스를 먼저 올립니다:
var tgs = new Array( 'div','td','tr');
//Specify spectrum of different font sizes:
var szs = new Array( 'xx-small','x-small','small','medium','+ '+ 'large','x-large','xx-large' );
var startSz = 2;
function ts( trgt,inc ) {
if (!document.getElementById) return
var d = document,cEl = null,sz = startSz,i,j,cTags;
sz += inc;
if ( sz < 0 ) sz = 0;
if ( sz > 6 ) sz = 6;
startSz = sz;
if ( !( cEl = d.getElementById( trgt ) ) ) cEl = d.getElementsByTagName( trgt )[ 0 ];
cEl.style.fontSize = szs[ sz ];
for ( i = 0 ; i < tgs.length ; i++ ) {
cTags = cEl.getElementsByTagName( tgs[ i ] );
for ( j = 0 ; j < cTags.length ; j++ ) cTags[ j ].style.fontSize = szs[ sz ];
}
}
그리고 아래는 글자 크기를 조절하는 것입니다:
<a href="javascript:ts('+ 'body',1)">+ Larger Font</a> | <a
href="javascript:ts('body',-1)">+ Smaller Font</a>
위 스크립트에서는 body 태그 전체를 조절하기 때문에 원하지 곳도 글자 크기가 조절됩니다.
질문드리고자 하는 것은 <div class='alph'>글자 조절 내용</div>과 같은 block 태그로 둘러 싼 곳만 글자를 조절하려면 어떻게 수정해야 하는지 알려주셨으면 고맙겠습니다. 그다지 어렵지는 않을 것 같은데 자바스크립트를 잘 몰라서 몇 가지로 시도했지만 작동하지 않더군요.
아시는 분께 부탁드립니다.
댓글 3
-
Pe-i
2004.06.27 19:48
-
검객
2004.06.27 20:11
Pe-i 님. 답변 감사합니다.
위 주소에 있는 스크립트로 시험을 해봤는데 자바스크립트 오류라는 경고 메시지가 뜨면서 작동하지를 않는군요.
제가 이 문제를 해결하려고 여러 가지 방식의 글자를 크기 조절하는 자바스크립트를 살펴봤었거든요. 그 대부분은 body 태그에 onload="init();"를 넣어야 작동하는 방식입니다. 그런데 이것을 body 태그에 삽입하면 다른 자바스크립트와 충돌을 해서 사용하기 어려운 난점이 있습니다.
예를 들어 다른 스크립트의 window.onload = xxxx;와 사용하고 계신 onload="init();" 를 동시에 작용하도록 하려면 window.onload=xxxx; init();와 같은 형식으로 body 태그에 써넣으면 된다고 알고 있습니다. 즉, <body window.onload=xxxx;init();>. 그런데 그렇게 해봐도 두 스크립트 사이의 충돌 때문인지 아니면 다른 원인 때문인지는 몰라도 어쨌튼 작동하지를 않습니다.
고민이 깊어지는군요. -
검객
2004.06.29 06:58
음, 이 정도의 초식도 파할 수 있는 고수가 강호에 없던가? 장차 마도의 창궐을 어떻게 방비할 수 있단 말인가! 현금 강호에는 이 초식을 연마하다가 주화입마한 무사들이 많거들, 은둔지사들은 정녕 세상의 안위에 눈을 감는단 말인가? 참으로 한탄스럽도다!
-------------------------------------------------------榜----------------------------------------------------------------
아래 신공 가운데 div=class를 사용케 함으로써 이 신공으로 인한 주화입마를 치유할 강호 고수들을 기다리노라! 자세한 것은 위를 살펴보시라!
정의국 황제
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
KrteamENT | 1.7.4.1 -> 1.7.3.7 롤백방법 [2] | 2014.04.01 by KrteamENT |
뭣이? | 플래시 포인트연동 질문 (단순 연동) [8] | 2014.04.01 by 뭣이? |
난남자입니다하하 | 댓글 부탁드립니다ㅠㅠ [1] | 2014.04.01 by Luatic™ |
ifrsprinciple | 폰트 크기 조절 버튼 생성법? [2] | 2014.04.01 by ifrsprinciple |
qufqufah | 관리자 문의 | |
1Bit | 웹호스팅 호스팅어(hostinger)에서 타업체로 디비이전 [4] | 2014.04.01 by 1Bit |
신용복 | Windows XP : 7 차이점 문의 [3] | 2014.04.01 by Double'U' |
꿀댕이 | [묻기] 카페 카테고리 사이즈 변경방법 | |
긍정우주 | 파비콘 질문 [2] | 2014.04.01 by 긍정우주 |
cnc미라클 | 좀 도와주실분 [5] | 2014.04.01 by cnc미라클 |
qufqufah | 홈페이지 파일 업로드 [8] | 2014.04.01 by qufqufah |
알요제32 | xe카페 모바일에선 파일첨부가 안되네요ㅜㅜ | |
minimoog | 브라우저에 따라 이미지 깨지는 증상 [1] | 2014.04.01 by hiwebs |
풀네임80 | 어드민 접속이 안되고 있습니다.(소스좀 봐주세요.ㅠㅠ) [1] | 2014.04.01 by hiwebs |
본체 | 로그인이 안되는데 어떻게 하나요? [2] | 2014.04.01 by 본체 |
IT LEE | 설치를 하려는데 화면이 안 움직여요. 왜 이러죠?? [1] | 2014.04.01 by 장포크 |
다비퀸 | onamae-server.com vps 이용하시는분 계신가여? | |
cnc미라클 | 참 이상하지요 이랬다 저랬다 해봐도 안되요 [3] | 2014.04.01 by YJSoft |
cnc미라클 | ㅠㅠㅠㅠ [3] | 2014.04.01 by qwms |
휴메이드 | 게시판이 갑자기 안떠요 [2] | 2014.04.01 by 휴메이드 |
이곳을 한번 참조해 보세요. :) [Enter 누르시고]