<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<HEAD>
<TITLE>Choose Font Sample</TITLE>
<SCRIPT>
function fnInit(){
for (i=0; i<document.all.length; i++)
document.all(i).unselectable = "on";
oDiv.unselectable = "off";
getSystemFonts();
}
function getSystemFonts()
{
var a=dlgHelper.fonts.count;
var fArray = new Array();
var oOption = document.createElement("OPTION");
oOption.text = "===========================";
oOption.value = "0";
oSelect.add(oOption);
for (i = 1;i < dlgHelper.fonts.count;i++)
{
fArray[i] = dlgHelper.fonts(i);
var oOption = document.createElement("OPTION");
oOption.text = fArray[i];
oOption.Value = i;
oSelect.add(oOption);
}
}
function ChangeFont(){
var sSelection = oSelect.options[oSelect.selectedIndex].text;
document.execCommand("FontName",false,sSelection);
}
</SCRIPT>
</HEAD>
<BODY onload="fnInit();">
<DIV STYLE="background-color:#eeeeee; border:2px solid #cccccc; padding:10px">
<SELECT id="oSelect" onchange="ChangeFont()">
<OPTION VALUE="굴림">굴림</OPTION>
<OPTION VALUE="굴림체">굴림체</OPTION>
<OPTION VALUE="바탕">바탕</OPTION>
<OPTION VALUE="바탕체">바탕체</OPTION>
<OPTION VALUE="궁서">궁서</OPTION>
<OPTION VALUE="궁서체">궁서체</OPTION>
<OPTION VALUE="돋움">돋움</OPTION>
<OPTION VALUE="돋움체">돋움체</OPTION>
</SELECT>
<br>
<br>
<DIV id=oDiv CONTENTEDITABLE ALIGN=left STYLE="height:100;
background-color:white; font-family:Arial; font-size:15pt; padding:10;
border:2px inset #eeeeee; overflow:auto;">
Select this text and choose a font from the drop down above.
</DIV>
</DIV>
<br>
<br>
<OBJECT id=dlgHelper CLASSID="clsid:3050f819-98b5-11cf-bb82-00aa00bdce0b" width="0px" height="0px"></OBJECT>
</body>
</html>
'인터넷관련' 카테고리의 다른 글
| 견적서 (0) | 2008.02.12 |
|---|---|
| 레이어를 이용한 공지창 (사라지는 시간 설정) xp sp2 팝업창 대신... (0) | 2008.02.12 |
| 타자연습기 (0) | 2008.02.12 |
| 체크박스 선택해야 다음 페이지 이동하기 (회원가입 약관) (0) | 2008.02.12 |
| 갤러리 꾸미기 (0) | 2008.02.12 |
| 텍스트나 이미지에 마우스 올리면 알림 메시지 (0) | 2008.02.12 |
| 펼침 메뉴 만들기 (0) | 2008.02.12 |
| 체크박스 전체선택/해제 2 (0) | 2008.02.12 |
