소스내에
document.all(i).unselectable = "on";
코드를 "on"하시면 input text는 마우스로 선택해서 입력할수가 없게 됩니다.
"off"로 설정하셔야 다른 입력을 같이 할수 있습니다
<!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>
document.all(i).unselectable = "on";
코드를 "on"하시면 input text는 마우스로 선택해서 입력할수가 없게 됩니다.
"off"로 설정하셔야 다른 입력을 같이 할수 있습니다
<!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) | 2007.10.18 |
|---|---|
| 윈도우 타이틀바에 현재 시간 출력하기 (0) | 2007.10.18 |
| 윈도우 타이틀바에 현재 시간 출력하기 (0) | 2007.10.18 |
| 쇼핑몰이나 여행사의 검색에서 쓸수있는 달력 (0) | 2007.10.18 |
| 쇼핑몰이나 여행사의 검색에서 쓸수있는 달력 (0) | 2007.10.18 |
| 컴퓨터 안에 설치된 글씨체 웹으로 선택하기 (0) | 2007.10.18 |
| 새창을 항상 위로 유지하는 방법 (0) | 2007.10.18 |
| 새창을 항상 위로 유지하는 방법 (0) | 2007.10.18 |
| marquee(마퀴)코드 생성기 (0) | 2007.10.18 |
| marquee(마퀴)코드 생성기 (0) | 2007.10.18 |