본문 바로가기

프로그래밍/JavaScript

웹페이지 글자 사이즈 변경 통소스

설명 : 글자크기를 줄이고 키우는 소스입니다.
그냥 소스를 통으로 올렸음

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 </HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
 var mFirst=[8,15];
 var mFont;
 var mZoom;
 var cFont;
 var moFirst, mClass;
 var initFlag = false;

 function chgWindow(d,v) {
 
   if(v == "1.0") {    /* 초기화 */
       mZoom = readCookie("cZoom");
       d.body.style.zoom = mZoom;
   } else if(d.body.style.zoom == '' ){
    if (v > 1) {
     d.body.style.zoom = v ;
    }
   } else {
    var fSize = parseFloat(d.body.style.zoom);

    if (fSize > 2.0 ) {
     if (v < 1) {
      d.body.style.zoom *= v;
     }
 //    d.body.style.zoom = 2.0; // 이이상은 작동 않하게
    } else if ( fSize < 1 ) {
     if (v > 1) {
      d.body.style.zoom = 1 ;
     }else d.body.style.zoom *= v;
 //    d.body.style.zoom = 1;  // 이이하는 작동 않하게
    } else {
     d.body.style.zoom *= v;
    }
 
   }
 

 }

 function zoom_parent(n) {
  var mFont=readCookie("cFont");
  try {
   if(mFont == undefined)
    mFont=12;
   mFont=parseInt(mFont);
  } catch(e) {mFont=12;}
  n=parseInt(n);
  mFont+=n;

  var class_name="main01";

  if (mFont<mFirst[0]) mFont=mFirst[0];
  if (mFont>mFirst[1]) mFont=mFirst[1];

 
  moFirst=parent.document.getElementsByTagName("td");

  mClass=class_name ? class_name : "Sfont";
 
  objs=moFirst;
  for (i=0;i<objs.length;i++) {
   try {

    objs[i].style.fontSize=mFont+'pt';

    if (initFlag) moFirst[i]=objs[i];
   } catch(e) {}
  }

 
  moFirst=parent.document.getElementsByTagName("a");

  mClass=class_name ? class_name : "Sfont";

  objs=moFirst;
  for (i=0;i<objs.length;i++) {
   try {
    objs[i].style.fontSize=mFont+'pt';
    if (initFlag) moFirst[i]=objs[i];
   } catch(e) {}
  }

 }

//-->
</SCRIPT>
 <BODY>
  사이즈 변경
  <a href="javascript:chgWindow(top.document,1.1)">[크게]</a>
  <a href="javascript:chgWindow(top.document,0.9)">[작게]</a>
 </BODY>
</HTML>