Visual keyboard와 tomcat설치 및 이클립스 동기화
- 5. <body>
<form name="textform" method="post" action=".">
<center><textarea name="inputarea" id="inputarea"></textarea></center>
</form>
<!--
키보드를 위한 테이블 Tag
키보드 칸은 가운데 정렬을 위해 <th> Tag를 사용
-->
<table border=2 name="Nkeyboard" id="nkey"> // 기본키보드
</table>
<table border=2 name="CLkeyboard" id="lkey"> // CapsLock키가 눌린 키보드
</table>
<table border=2 name="SHkeyboard" id="skey"> // Shift키가 눌린 키보드
</table>
</body>
- 7. var KeyMode;
function clickKey(value){
var buffer = document.getElementById("inputarea");
if(KeyMode == 'SH'){
changeMode(KeyMode);
KeyMode = null;
}
buffer.focus();
if(value=='bc'){
buffer.innerHTML = buffer.innerHTML.substring(0, buffer.innerHTML.length-1);
} else {
buffer.innerHTML += value;
}
}
- 8. function changeMode(value){
KeyMode = value;
var nkey = document.getElementById("nkey");
var skey = document.getElementById("skey");
var lkey = document.getElementById("lkey");
switch(value){
case 'SH' :
if(skey.style.display == "none"){
nkey.style.display = "none";
lkey.style.display = "none";
skey.style.display = "table";
} else {
skey.style.display = "none";
nkey.style.display = "table";
}
break;
case 'CL' :
if(lkey.style.display == "none"){
nkey.style.display = "none";
skey.style.display = "none";
lkey.style.display = "table";
} else {
lkey.style.display = "none";
nkey.style.display = "table";
}
break;
}
