SlideShare une entreprise Scribd logo
1  sur  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설치 및 이클립스 동기화

Contenu connexe

Tendances

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 MenezesJoaquim Melro
 
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 2011Romain Fonnier
 
“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.22FLUC
 
Η ΓΛΩΣΣΑ C - ΜΑΘΗΜΑ 13 - ΔΟΜΕΣ (ΕΚΤΥΠΩΣΗ)
Η ΓΛΩΣΣΑ C - ΜΑΘΗΜΑ 13 - ΔΟΜΕΣ (ΕΚΤΥΠΩΣΗ)Η ΓΛΩΣΣΑ C - ΜΑΘΗΜΑ 13 - ΔΟΜΕΣ (ΕΚΤΥΠΩΣΗ)
Η ΓΛΩΣΣΑ C - ΜΑΘΗΜΑ 13 - ΔΟΜΕΣ (ΕΚΤΥΠΩΣΗ)Dimitris Psounis
 
06 capacités thermiques, calorimétrie
06 capacités thermiques, calorimétrie06 capacités thermiques, calorimétrie
06 capacités thermiques, calorimétrieAchraf Ourti
 
ΠΛΗ30 ΜΑΘΗΜΑ 1.6 (ΕΚΤΥΠΩΣΗ)
ΠΛΗ30 ΜΑΘΗΜΑ 1.6 (ΕΚΤΥΠΩΣΗ)ΠΛΗ30 ΜΑΘΗΜΑ 1.6 (ΕΚΤΥΠΩΣΗ)
ΠΛΗ30 ΜΑΘΗΜΑ 1.6 (ΕΚΤΥΠΩΣΗ)Dimitris Psounis
 
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 coworkingCoworkingSpain
 
ΠΛΗ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 Bloggerssylvie 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-libreJahir Korotok
 
Modes of suspension
Modes of suspensionModes of suspension
Modes of suspensionMonika Löve
 
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.docxKadu Mendes
 
Η ΓΛΩΣΣΑ C - ΜΑΘΗΜΑ 8 - ΔΕΙΚΤΕΣ (ΕΚΤΥΠΩΣΗ)
Η ΓΛΩΣΣΑ C - ΜΑΘΗΜΑ 8 - ΔΕΙΚΤΕΣ (ΕΚΤΥΠΩΣΗ)Η ΓΛΩΣΣΑ C - ΜΑΘΗΜΑ 8 - ΔΕΙΚΤΕΣ (ΕΚΤΥΠΩΣΗ)
Η ΓΛΩΣΣΑ C - ΜΑΘΗΜΑ 8 - ΔΕΙΚΤΕΣ (ΕΚΤΥΠΩΣΗ)Dimitris Psounis
 
ΓΛΩΣΣΑ C - ΜΑΘΗΜΑ 11 (ΕΚΤΥΠΩΣΗ)
ΓΛΩΣΣΑ C - ΜΑΘΗΜΑ 11 (ΕΚΤΥΠΩΣΗ)ΓΛΩΣΣΑ C - ΜΑΘΗΜΑ 11 (ΕΚΤΥΠΩΣΗ)
ΓΛΩΣΣΑ C - ΜΑΘΗΜΑ 11 (ΕΚΤΥΠΩΣΗ)Dimitris Psounis
 
Illuminating letters powerpoint
Illuminating letters powerpoint Illuminating letters powerpoint
Illuminating letters powerpoint Cristen Hess
 

Tendances (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
 

En vedette

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)Lay Sukmin Lim
 
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)Lay Sukmin Lim
 
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)Lay Sukmin Lim
 
임베디드 설계 하기
임베디드 설계 하기임베디드 설계 하기
임베디드 설계 하기Lay Sukmin Lim
 
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 PlanPost Planner
 
Learn BEM: CSS Naming Convention
Learn BEM: CSS Naming ConventionLearn BEM: CSS Naming Convention
Learn BEM: CSS Naming ConventionIn a Rocket
 
SEO: Getting Personal
SEO: Getting PersonalSEO: Getting Personal
SEO: Getting PersonalKirsty Hulse
 

En vedette (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설치 및 이클립스 동기화