접속자 : 26(회원0)  오늘 84 어제 439 최대 1,126 전체 139,392  
커뮤니티정보포토 플라자공간 비디오뮤직-카페 자료 공간 관심+즐거움
Tip & TechJava Script그누보드 관련 자료HTML/CSSLINUX TipMySQL TipPHP Tip
   wego21™  LOGIN
  
  
  ID저장  자동로그인
회원가입  아이디/비밀번호 찾기
Tip & Tech
Java Script
그누보드 관련 자료
LINUX Tip
PHP Tip
MySQL Tip
HTML/CSS
그누보드 관련 자료 베스트 #10
 
작성일 : 10-03-23 00:49
자유로운 폰트의 확대-축소
 글쓴이 : IN-BEST
조회 : 7,269  
======적용될게시판의 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;" / >
================보턴적용끝==================================
출처: 그누보드, 작성자: M=33
Level. 00%
IN-BEST
 
 
 



홈페이지소개   |   개인정보보호   |   광고   |   배너등록   |   찾아 오시는길

:::::::::::::::::::::: 인-베스트 코리아 | 김인배 | 경기 군포시 산본동 1135, 광림빌딩 706호 | TEL: 031-393-2212 | FAX: 031-393-2219 | E-mail: korea@in-best.com :::::::::::::::::::::: Copyright (C) '2008 wego21.com All rights reserved. Designed by IN-BEST™