폰트확대 축소 ㅋㅋㅋ > 그누4 팁자료실

그누4 팁자료실

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

폰트확대 축소 ㅋㅋㅋ 정보

폰트확대 축소 ㅋㅋㅋ

본문

======적용될게시판의 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점~~
추천
6
  • 복사

댓글 2개

© SIRSOFT
현재 페이지 제일 처음으로