YesYo.com MintState Forums
뒤로    YesYo.com MintState BBS > Tech > Javascript
검색
멤버이름    오토
비밀번호 
 

폰트 크기 제어

페이지 정보

작성자 MintState 댓글 0건 조회 10,604회 작성일 08-11-17 11:24

본문

폰트 크기 제어

<A href="javascript:PlusFont();">[크게]</A> <A href="javascript:MinusFont();">[작게]</A> <A href="javascript:SetArticleFont();">[저장]</A> <A href="javascript:SetDefaultFont();">[기본]</A>

<DIV id=article style="WORD-BREAK: break-all; LINE-HEIGHT: 180%; TEXT-ALIGN: left">
글내용
</DIV>
<SCRIPT language=javascript src="font.js"></SCRIPT>


font.js
		function SetDefaultFont() {
			var todayDate = new Date();
			var name = "ArticleFont";
			var expiredays = -1;
			var value = article.style.fontSize + "//" + article.style.fontFamily;
			todayDate.setDate( todayDate.getDate() + expiredays );
			document.cookie = name + "=" + value + "; path=/; expires=" + todayDate.toGMTString() + ";"
			document.location.reload();
		}
		
		function SetArticleFont() {
			var todayDate = new Date();
			var name = "ArticleFont";
			var expiredays = 365;
			var value = article.style.fontSize + "//" + article.style.fontFamily;
			todayDate.setDate( todayDate.getDate() + expiredays );
			document.cookie = name + "=" + value + "; path=/; expires=" + todayDate.toGMTString() + ";"
			alert("현재의 글꼴과 글자크기 상태로 저장했습니다");
		}

		function GetArticleFont(name){
			var nameOfCookie = name + "=";
			var x = 0;
			while ( x <= document.cookie.length )
			{
				var y = (x+nameOfCookie.length);
				if ( document.cookie.substring( x, y ) == nameOfCookie ) {
					if ( (endOfCookie=document.cookie.indexOf( ";", y )) == -1 )
					endOfCookie = document.cookie.length;
					return document.cookie.substring( y, endOfCookie );
				}
				
				x = document.cookie.indexOf( " ", x ) + 1;
				
				if ( x == 0 ) break;
			}
					return "";
		}

		var Font;
		var fontsize;
		var fontface;
		var LineHeight = 16;

		temp = GetArticleFont("ArticleFont").split("//");

		if (temp != "") {
			if(temp[0] == "") {
				fontsize = 9;
				fontface = "Verdana";
			} else {
			fontsize = parseInt(temp[0]);
			fontface = temp[1];
				if (fontsize > 9) {
					LineHeight = 12 + (fontsize-9);;			
				} else {
					LineHeight = 12;
				}
			}
			
		} else {
			fontsize = 9;
			fontface = "Verdana";
		}
		article.style.fontSize = fontsize +"pt";
		article.style.fontFamily = fontface;
		article.style.lineHeight = LineHeight + "pt";

		function PlusFont() {
			if (fontsize <= 15) {
			article.style.fontSize = (fontsize + 1) +"pt";
			article.style.lineHeight = LineHeight + 1 + "pt";
			fontsize = fontsize + 1;			
			LineHeight = LineHeight + 1;
			}
		}

		function MinusFont() {	
			if (fontsize >= 9) {
			article.style.fontSize = (fontsize - 1) +"pt";
			article.style.lineHeight = LineHeight - 1 + "pt";
			fontsize = fontsize - 1;
			LineHeight = LineHeight - 1;
			}
		}
		
		function FontCase(Font) {
			article.style.fontFamily = Font;
		}
		
		function SetFont() {
			var todayDate = new Date();
			todayDate.setDate( todayDate.getDate() + 365 );
			document.cookie = "Font = " + article.style.fontSize + "; path=/; expires=" + todayDate.toGMTString() + ";"			
		}

댓글목록

등록된 댓글이 없습니다.

Total 178건 4 페이지
Javascript 목록
번호 제목 글쓴이 조회 날짜
118 MintState 10078 11-10
117 MintState 11487 11-10
116 MintState 14828 11-11
115 MintState 9989 11-17
114 MintState 11127 11-17
113 MintState 9894 11-17
112 MintState 10202 11-17
111 MintState 9420 11-17
열람중 MintState 10605 11-17
109 MintState 11850 11-17
108 MintState 13872 11-17
107 MintState 12886 11-17
106 MintState 14319 11-17
105 MintState 20212 11-17
104 MintState 13907 11-17
103 MintState 12352 11-17
102 MintState 14443 11-17
101 MintState 9670 11-17
100 MintState 11832 11-17
99 MintState 16197 11-17
게시물 검색
모바일 버전으로 보기
CopyRight ©2004 - 2024, YesYo.com MintState. ™