SlideShare uma empresa Scribd logo
1 de 32
<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>
<style type="text/css">
#inputarea{width:1000px;background:#eef;height:150px;resize:none;}
#nkey{position:relative;margin-left:auto;margin-right:auto;display:table;}
#skey{position:relative;margin-left:auto;margin-right:auto;display:none;}
#lkey{position:relative;margin-left:auto;margin-right:auto;display:none;}
</style>
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;
}
}
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;
}
Visual keyboard와 tomcat설치 및 이클립스 동기화
Visual keyboard와 tomcat설치 및 이클립스 동기화
Visual keyboard와 tomcat설치 및 이클립스 동기화
Visual keyboard와 tomcat설치 및 이클립스 동기화
Visual keyboard와 tomcat설치 및 이클립스 동기화
Visual keyboard와 tomcat설치 및 이클립스 동기화
Visual keyboard와 tomcat설치 및 이클립스 동기화
Visual keyboard와 tomcat설치 및 이클립스 동기화
Visual keyboard와 tomcat설치 및 이클립스 동기화
Visual keyboard와 tomcat설치 및 이클립스 동기화
Visual keyboard와 tomcat설치 및 이클립스 동기화
Visual keyboard와 tomcat설치 및 이클립스 동기화
Visual keyboard와 tomcat설치 및 이클립스 동기화
Visual keyboard와 tomcat설치 및 이클립스 동기화
Visual keyboard와 tomcat설치 및 이클립스 동기화
Visual keyboard와 tomcat설치 및 이클립스 동기화
Visual keyboard와 tomcat설치 및 이클립스 동기화
Visual keyboard와 tomcat설치 및 이클립스 동기화
Visual keyboard와 tomcat설치 및 이클립스 동기화
Visual keyboard와 tomcat설치 및 이클립스 동기화
Visual keyboard와 tomcat설치 및 이클립스 동기화
Visual keyboard와 tomcat설치 및 이클립스 동기화
Visual keyboard와 tomcat설치 및 이클립스 동기화
Visual keyboard와 tomcat설치 및 이클립스 동기화

Mais conteúdo relacionado

Mais procurados

Poderes e limites da ciência - Ciclo de conferências - Marta de Menezes
Poderes e limites da ciência - Ciclo de conferências - Marta de MenezesPoderes e limites da ciência - Ciclo de conferências - Marta de Menezes
Poderes e limites da ciência - Ciclo de conferências - Marta de Menezes
Joaquim Melro
 
“Não queremos instalar a ruptura no país” ps in público, 2015.03.22
“Não queremos instalar a ruptura no país”   ps in público, 2015.03.22“Não queremos instalar a ruptura no país”   ps in público, 2015.03.22
“Não queremos instalar a ruptura no país” ps in público, 2015.03.22
FLUC
 
Η ΓΛΩΣΣΑ C - ΜΑΘΗΜΑ 13 - ΔΟΜΕΣ (ΕΚΤΥΠΩΣΗ)
Η ΓΛΩΣΣΑ C - ΜΑΘΗΜΑ 13 - ΔΟΜΕΣ (ΕΚΤΥΠΩΣΗ)Η ΓΛΩΣΣΑ C - ΜΑΘΗΜΑ 13 - ΔΟΜΕΣ (ΕΚΤΥΠΩΣΗ)
Η ΓΛΩΣΣΑ C - ΜΑΘΗΜΑ 13 - ΔΟΜΕΣ (ΕΚΤΥΠΩΣΗ)
Dimitris Psounis
 
ΠΛΗ30 ΜΑΘΗΜΑ 1.3 (4in1)
ΠΛΗ30 ΜΑΘΗΜΑ 1.3 (4in1)ΠΛΗ30 ΜΑΘΗΜΑ 1.3 (4in1)
ΠΛΗ30 ΜΑΘΗΜΑ 1.3 (4in1)
Dimitris Psounis
 
Why Brands Should Reach Out To The Bloggers
Why Brands Should Reach Out To The BloggersWhy Brands Should Reach Out To The Bloggers
Why Brands Should Reach Out To The Bloggers
sylvie dixie
 
South Amboy Receives $725 Million in Grants (The Suburban)
South Amboy Receives $725 Million in Grants (The Suburban)South Amboy Receives $725 Million in Grants (The Suburban)
South Amboy Receives $725 Million in Grants (The Suburban)
Jacqueline Durett
 
South Amboy to Use Sayreville Fire Services (The Suburban)
South Amboy to Use Sayreville Fire Services (The Suburban)South Amboy to Use Sayreville Fire Services (The Suburban)
South Amboy to Use Sayreville Fire Services (The Suburban)
Jacqueline Durett
 
lagu-kanak-kanak-dan-lagu-rakyat-libre
lagu-kanak-kanak-dan-lagu-rakyat-librelagu-kanak-kanak-dan-lagu-rakyat-libre
lagu-kanak-kanak-dan-lagu-rakyat-libre
Jahir Korotok
 
cv carlos eduardo mendes pardo 2013.docx
 cv carlos eduardo mendes pardo 2013.docx cv carlos eduardo mendes pardo 2013.docx
cv carlos eduardo mendes pardo 2013.docx
Kadu Mendes
 

Mais procurados (20)

Poderes e limites da ciência - Ciclo de conferências - Marta de Menezes
Poderes e limites da ciência - Ciclo de conferências - Marta de MenezesPoderes e limites da ciência - Ciclo de conferências - Marta de Menezes
Poderes e limites da ciência - Ciclo de conferências - Marta de Menezes
 
Panorama des acteurs de la publicité digitale - Ratecard - Novembre 2011
Panorama des acteurs de la publicité digitale - Ratecard - Novembre 2011Panorama des acteurs de la publicité digitale - Ratecard - Novembre 2011
Panorama des acteurs de la publicité digitale - Ratecard - Novembre 2011
 
Sítio Boi Morto
Sítio Boi MortoSítio Boi Morto
Sítio Boi Morto
 
มะเร็งคืออะไร www.ครูภูมิคุ้มกัน.com
มะเร็งคืออะไร  www.ครูภูมิคุ้มกัน.comมะเร็งคืออะไร  www.ครูภูมิคุ้มกัน.com
มะเร็งคืออะไร www.ครูภูมิคุ้มกัน.com
 
“Não queremos instalar a ruptura no país” ps in público, 2015.03.22
“Não queremos instalar a ruptura no país”   ps in público, 2015.03.22“Não queremos instalar a ruptura no país”   ps in público, 2015.03.22
“Não queremos instalar a ruptura no país” ps in público, 2015.03.22
 
Η ΓΛΩΣΣΑ C - ΜΑΘΗΜΑ 13 - ΔΟΜΕΣ (ΕΚΤΥΠΩΣΗ)
Η ΓΛΩΣΣΑ C - ΜΑΘΗΜΑ 13 - ΔΟΜΕΣ (ΕΚΤΥΠΩΣΗ)Η ΓΛΩΣΣΑ C - ΜΑΘΗΜΑ 13 - ΔΟΜΕΣ (ΕΚΤΥΠΩΣΗ)
Η ΓΛΩΣΣΑ C - ΜΑΘΗΜΑ 13 - ΔΟΜΕΣ (ΕΚΤΥΠΩΣΗ)
 
06 capacités thermiques, calorimétrie
06 capacités thermiques, calorimétrie06 capacités thermiques, calorimétrie
06 capacités thermiques, calorimétrie
 
ΠΛΗ30 ΜΑΘΗΜΑ 1.6 (ΕΚΤΥΠΩΣΗ)
ΠΛΗ30 ΜΑΘΗΜΑ 1.6 (ΕΚΤΥΠΩΣΗ)ΠΛΗ30 ΜΑΘΗΜΑ 1.6 (ΕΚΤΥΠΩΣΗ)
ΠΛΗ30 ΜΑΘΗΜΑ 1.6 (ΕΚΤΥΠΩΣΗ)
 
Estás preparado para abrir un coworking
Estás preparado para abrir un coworkingEstás preparado para abrir un coworking
Estás preparado para abrir un coworking
 
ΠΛΗ30 ΜΑΘΗΜΑ 1.3 (4in1)
ΠΛΗ30 ΜΑΘΗΜΑ 1.3 (4in1)ΠΛΗ30 ΜΑΘΗΜΑ 1.3 (4in1)
ΠΛΗ30 ΜΑΘΗΜΑ 1.3 (4in1)
 
Why Brands Should Reach Out To The Bloggers
Why Brands Should Reach Out To The BloggersWhy Brands Should Reach Out To The Bloggers
Why Brands Should Reach Out To The Bloggers
 
South Amboy Receives $725 Million in Grants (The Suburban)
South Amboy Receives $725 Million in Grants (The Suburban)South Amboy Receives $725 Million in Grants (The Suburban)
South Amboy Receives $725 Million in Grants (The Suburban)
 
South Amboy to Use Sayreville Fire Services (The Suburban)
South Amboy to Use Sayreville Fire Services (The Suburban)South Amboy to Use Sayreville Fire Services (The Suburban)
South Amboy to Use Sayreville Fire Services (The Suburban)
 
lagu-kanak-kanak-dan-lagu-rakyat-libre
lagu-kanak-kanak-dan-lagu-rakyat-librelagu-kanak-kanak-dan-lagu-rakyat-libre
lagu-kanak-kanak-dan-lagu-rakyat-libre
 
SaveUp
SaveUpSaveUp
SaveUp
 
Modes of suspension
Modes of suspensionModes of suspension
Modes of suspension
 
cv carlos eduardo mendes pardo 2013.docx
 cv carlos eduardo mendes pardo 2013.docx cv carlos eduardo mendes pardo 2013.docx
cv carlos eduardo mendes pardo 2013.docx
 
Η ΓΛΩΣΣΑ C - ΜΑΘΗΜΑ 8 - ΔΕΙΚΤΕΣ (ΕΚΤΥΠΩΣΗ)
Η ΓΛΩΣΣΑ C - ΜΑΘΗΜΑ 8 - ΔΕΙΚΤΕΣ (ΕΚΤΥΠΩΣΗ)Η ΓΛΩΣΣΑ C - ΜΑΘΗΜΑ 8 - ΔΕΙΚΤΕΣ (ΕΚΤΥΠΩΣΗ)
Η ΓΛΩΣΣΑ C - ΜΑΘΗΜΑ 8 - ΔΕΙΚΤΕΣ (ΕΚΤΥΠΩΣΗ)
 
ΓΛΩΣΣΑ C - ΜΑΘΗΜΑ 11 (ΕΚΤΥΠΩΣΗ)
ΓΛΩΣΣΑ C - ΜΑΘΗΜΑ 11 (ΕΚΤΥΠΩΣΗ)ΓΛΩΣΣΑ C - ΜΑΘΗΜΑ 11 (ΕΚΤΥΠΩΣΗ)
ΓΛΩΣΣΑ C - ΜΑΘΗΜΑ 11 (ΕΚΤΥΠΩΣΗ)
 
Illuminating letters powerpoint
Illuminating letters powerpoint Illuminating letters powerpoint
Illuminating letters powerpoint
 

Destaque (7)

How to backup and restore (for windows server 2008)
How to backup and restore (for windows server 2008)How to backup and restore (for windows server 2008)
How to backup and restore (for windows server 2008)
 
How to backup and restore(for windows 7)
How to backup and restore(for windows 7)How to backup and restore(for windows 7)
How to backup and restore(for windows 7)
 
How to backup and restore (for windows vista)
How to backup and restore (for windows vista)How to backup and restore (for windows vista)
How to backup and restore (for windows vista)
 
임베디드 설계 하기
임베디드 설계 하기임베디드 설계 하기
임베디드 설계 하기
 
How to Build a Dynamic Social Media Plan
How to Build a Dynamic Social Media PlanHow to Build a Dynamic Social Media Plan
How to Build a Dynamic Social Media Plan
 
Learn BEM: CSS Naming Convention
Learn BEM: CSS Naming ConventionLearn BEM: CSS Naming Convention
Learn BEM: CSS Naming Convention
 
SEO: Getting Personal
SEO: Getting PersonalSEO: Getting Personal
SEO: Getting Personal
 

Visual keyboard와 tomcat설치 및 이클립스 동기화