AWS AWS 디딤 클라우드

알림톡 통합메시징(알림톡)

이니톡 결제 이니톡(알림톡) 결제!

일본결제지원 일본결제지원!

이전
목록
다음
이

폰트확대 축소 ㅋㅋㅋ

이리미
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 2010-03-25 (목) 09:12:19 · 4098 · 2
======적용될게시판의 view파일 자바부분에 추가한다==========
//하나의 게시판에 적용할때는 라래의스크립을 view화일에 추가하지만
  홈페이지내에 전체적인 일괄적용을 원한다면 그누의 자바스크립에 추가하고
  게시판의 내용 출력<!-- 내용 출력 -->부위만 레이어작업을 하면된다.
//아래의 스크립중에서if (iSize < 20) 과 if (iSize > 6) 부분의 숫자를
  변경하면 원하는 크기만큼 축소 확대가된다.
//아래의 스크립중에서(iSize + 1) 과 (iSize - 1) 부분의 숫자를
  변경하면 원하는 보턴을 클릭할때 변경할 축소 확대 수치가된다.
//폰트확대
function FontPlus()
{
var l = document.getElementById('ContentsLayer');
var nSize = l.style.fontSize  ? l.style.fontSize  : '9pt';
var iSize = parseInt(nSize.replace('pt',''));

if (iSize < 20)
{
l.style.fontSize  = (iSize + 1) + 'pt';
l.style.lineHeight = '140%';
}
}
//폰트축소
function FontMinus()
{
var l = document.getElementById('ContentsLayer');
var nSize = l.style.fontSize ? l.style.fontSize : '9pt';
var iSize = parseInt(nSize.replace('pt',''));

if (iSize > 6)
{
l.style.fontSize = (iSize - 1) + 'pt';
l.style.lineHeight = '140%';
}
}
================추가끝=======================================
================출력될 부분을 레이어로 감싼다================
 <div id="ContentsLayer">
 <!-- 내용 출력부분 -->
 </div>
================레이어추가끝=================================
================보턴에 적용한다==============================
<input type="image" name="Plus"  onclick="javascript:FontPlus();" src="<?=$board_skin?>/plus.gif" title="폰트확대" border="0" style="top:0;right:0;position:relative;" / >
<input type="image" name="Minus" onclick="javascript:FontMinus();" src="<?=$board_skin?>/mana.gif" title="폰트축소" border="0" style="top:0;right:0;position:relative;" / >
================보턴적용끝==================================

참고:위의 스크립트 소스는 킴스보드를 참고하였습니다.
G3에 올리면 포인트200점 G4는 300점이군요..ㅋ~@
호환용이니까...둘다올리면??....합이500점~~
|

댓글 2개

도도토리과자
프로필 보기이 회원 글보기이 회원의 댓글보기
 2010-03-25 (목) 16:53:27
감사합니다.
돼돼지코구뇽
프로필 보기이 회원 글보기이 회원의 댓글보기
 2012-11-29 (목) 11:51:08
괜찮네요 ㅎ
댓글을 작성하시려면 로그인이 필요합니다.

그누4 팁자료실

3,309건

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

+
제목 글쓴이 날짜 조회
10-03-25 조회 4,851
10-03-25 조회 4,099
10-03-24 조회 5,581
10-03-24 조회 4,380
10-03-23 조회 9,877
10-03-22 조회 3,212
10-03-18 조회 2.6만
10-03-17 조회 6,248
10-03-12 조회 4,449
10-03-12 조회 4,463
10-03-12 조회 3,751
10-03-10 조회 6,166
10-03-09 조회 7,866
10-03-09 조회 6,886
10-03-08 조회 4,189
10-03-08 조회 1.4만
10-03-05 조회 5,456
10-03-05 조회 3,989
10-03-03 조회 4,556
10-03-01 조회 4,087
글쓰기