Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

updated layouts

  • Loading branch information...
commit 1a5e17b90e418af255f889541f5dbdb27c6eaf44 1 parent 2699b92
Rob G authored
1  .gitignore
View
@@ -7,6 +7,7 @@
.metadata
bin/
tmp/
+*_test*.*
*.tmp
*.bak
*.swp
7 demo/demo.css
View
@@ -12,7 +12,7 @@ a:visited,a:active { color: #53a5ff; }
#page-wrap { display: block; width: 90%; margin: 0 auto; text-align: center; height: 98%; min-height: 350px; }
h1, h2, h3, h4 { color: #ddd; text-align: center; }
-h2 { margin: 5px; font-size: 130%; cursor: pointer; }
+h2 { margin: 5px; font-size: 130%; cursor: pointer; text-transform: capitalize; }
#nav { display: block; width: auto; text-align: center; margin: 20px auto 0 auto; line-height: 45px; }
#nav a { text-align: center; background: #000; color: #FFF; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px; white-space: nowrap; }
@@ -27,6 +27,11 @@ h2 { margin: 5px; font-size: 130%; cursor: pointer; }
#console { width: 90%; list-style-type: none; margin: 0 auto; padding: 0; }
#console li { text-align: center; }
+#console .keyboard { color: #ec7600; }
+#console .event { color: #facd22; }
+#console .accepted { color: #8AC763; }
+#console .ignored { color: #f00; }
+#console .content { color: RoyalBlue; }
.block { width: 270px; display: inline-block; height: 170px; padding-left: 30px; padding-bottom: 30px; text-align: center; vertical-align: top; position: relative; }
.block2 { margin: 0 auto; text-align: center; }
12 demo/demo.js
View
@@ -329,13 +329,13 @@ jQuery(function($) {
// ********************
$('.ui-keyboard-input').bind('visible.keyboard hidden.keyboard beforeClose.keyboard accepted.keyboard canceled.keyboard', function(e, keyboard, el, status){
var c = $('#console'),
- t = '<li>' + $(el).parent().find('h2').text();
+ t = '<li><span class="keyboard">' + $(el).parent().find('h2').text() + '</span>';
switch (e.type){
- case 'visible' : t += ' keyboard is visible'; break;
- case 'hidden' : t += ' keyboard is now hidden'; break;
- case 'accepted' : t += ' content "' + el.value + '" was accepted' + ($(el).is('[type=password]') ? ', yeah... not so secure :(' : ''); break;
- case 'canceled' : t += ' content was ignored'; break;
- case 'beforeClose' : t += ' keyboard is about to close, contents were ' + (status ? 'accepted' : 'ignored'); break;
+ case 'visible' : t += ' keyboard is <span class="event">visible</span>'; break;
+ case 'hidden' : t += ' keyboard is now <span class="event">hidden</span>'; break;
+ case 'accepted' : t += ' content "<span class="content">' + el.value + '</span>" was <span class="event">accepted</span>' + ($(el).is('[type=password]') ? ', yeah... not so secure :(' : ''); break;
+ case 'canceled' : t += ' content was <span class="event ignored">ignored</span>'; break;
+ case 'beforeClose' : t += ' keyboard is about to <span class="event">close</span>, contents were <span class="event ' + (status ? 'accepted">accepted' : 'ignored">ignored') + '</span>'; break;
}
t += '</li>';
c.append(t);
1  index.html
View
@@ -58,6 +58,7 @@
<li>...</li>
<li>...</li>
<li>...</li>
+ <li>...</li>
</ul>
<h3>Click on the keyboard title, then scroll down to see its code</h3>
81 layouts.html
View
@@ -76,48 +76,50 @@
$(function(){
var layouts = [
- "albanian-qwerty:Albanian (qwerty)",
- "albanian-qwertz:Albanian (qwertz)",
- "arabic-azerty:Arabic (azerty)",
- "arabic-qwerty-1:Arabic (qwerty-1)",
- "arabic-qwerty-2:Arabic (qwerty-2)",
- "arabic-qwerty-3:Arabic (qwerty-3)",
- "arabic-qwerty-4:Arabic (qwerty-4)",
- "belarusian-qwerty:Belarusian (Belarus)",
- "bengali-qwerty-1:Bengali (qwerty-1)",
- "bengali-qwerty-2:Bengali (qwerty-2)",
- "bulgarian-qwerty:Bulgarian (qwerty)",
- "catalan-qwerty:Catalan (qwerty)",
- "danish-qwerty:Danish (qwerty)",
- "french-azerty-1:French (azerty-1)",
- "french-azerty-2:French (azerty-2)",
- "german-qwertz-1:German (qwertz-1)",
- "german-qwertz-2:German (qwertz-2)",
- "hebrew-qwerty:Hebrew (qwerty)",
- "hungarian-qwertz-1:Magyar (qwertz-1) utf8",
- "hungarian-qwertz-2:Magyar (qwertz-2) utf8",
- "hungarianansi-qwertz-1:Magyar (qwertz-1) ansi",
- "hungarianansi-qwertz-2:Magyar (qwertz-2) ansi",
- "japanese-kana:Japanese (kana)",
- "japanese-qwerty:Japanese (qwerty)",
- "latvian-qwerty:Latvian (qwerty)",
- "polish-qwerty:Polish (qwerty)",
- "portuguese-qwerty:Portuguese (qwerty)",
- "russian-qwerty:Russian (qwerty)",
- "spanish-qwerty:Spanish (qwerty)",
- "spanish-qwerty-sp:Spanish (qwerty) special",
- "swedish-qwerty:Swedish (qwerty)",
- "swedish-dvorak:Swedish (dvorak)",
- "thai-qwerty:Thai (qwerty)",
- "turkish-q:Turkish (q)",
- "turkish-f:Turkish (f)"
+ "Albanian (qwerty):albanian-qwerty",
+ "Albanian (qwertz):albanian-qwertz",
+ "Arabic (azerty):arabic-azerty",
+ "Arabic (qwerty-1):arabic-qwerty-1",
+ "Arabic (qwerty-2):arabic-qwerty-2",
+ "Arabic (qwerty-3):arabic-qwerty-3",
+ "Arabic (qwerty-4):arabic-qwerty-4",
+ "Belarusian (Belarus):belarusian-qwerty",
+ "Bengali (qwerty-1):bengali-qwerty-1",
+ "Bengali (qwerty-2):bengali-qwerty-2",
+ "Bulgarian (qwerty):bulgarian-qwerty",
+ "Catalan (qwerty):catalan-qwerty",
+ "Danish (qwerty):danish-qwerty",
+ "French (azerty-1):french-azerty-1",
+ "French (azerty-2):french-azerty-2",
+ "French (bepo v1.0rc2):french-bepo-V1.0rc2",
+ "German (qwertz-1):german-qwertz-1",
+ "German (qwertz-2):german-qwertz-2",
+ "Hebrew (qwerty):hebrew-qwerty",
+ "Magyar (qwertz-1) utf8:hungarian-qwertz-1",
+ "Magyar (qwertz-2) utf8:hungarian-qwertz-2",
+ "Magyar (qwertz-1) ansi:hungarianansi-qwertz-1",
+ "Magyar (qwertz-2) ansi:hungarianansi-qwertz-2",
+ "Japanese (kana):japanese-kana",
+ "Japanese (qwerty):japanese-qwerty",
+ "Latvian (qwerty):latvian-qwerty",
+ "Polish (qwerty):polish-qwerty",
+ "Portuguese (qwerty):portuguese-qwerty",
+ "Russian (qwerty):russian-qwerty",
+ "Spanish (qwerty):spanish-qwerty",
+ "Spanish (qwerty) special:spanish-qwerty-sp",
+ "Swedish (qwerty):swedish-qwerty",
+ "Swedish (dvorak):swedish-dvorak",
+ "Thai (qwerty):thai-qwerty",
+ "Turkish (q):turkish-q",
+ "Turkish (f):turkish-f",
+ "Vietnamese (qwerty):vietamese-qwerty"
],
t, o = '';
$.each(layouts.sort(), function(i, l){
t = l.split(':');
- o += '<option value="' + t[0] + '">' + t[1] + '</option>';
+ o += '<option value="' + t[1] + '">' + t[0] + '</option>';
});
$('#lang')
@@ -144,12 +146,7 @@
});
</script>
<style>
- /* making a few keys wider, to include the symbol - use .ui-keyboard-actionkey to affect all (including space) */
- .ui-keyboard-accept, .ui-keyboard-cancel, .ui-keyboard-bksp, .ui-keyboard-enter, .ui-keyboard-shift {
- font-size: .8em;
- width: 5.2em;
- height: 2em;
- }
+
.rtl {
direction: rtl;
text-align: right;
34 layouts/french.js
View
@@ -74,32 +74,32 @@ $.keyboard.layouts['french-azerty-2'] = {
$.keyboard.layouts['french-bepo-V1.0rc2'] = {
'default' : [
"$ \" \u00AB \u00BB ( ) @ + - / * = % {b}",
- "{t} b \u00E9 p o \u00E8 ^ v d l j z w",
- "a u i e , c t s r n m {e}",
- "{s} \u00E0 y x . k \' q g h f \u00E7 {s}",
+ "{t} b \u00e9 p o \u00e8 \u02c6 v d l j z w",
+ "a u i e , c t s r n m \u00E7 {enter}",
+ "{s} \u00ea \u00E0 y x . k \' q g h f {s}",
"{a} {alt} {space} {alt} {c}"
],
'shift' : [
- "# 1 2 3 4 5 6 7 8 9 0 \u00B0 `{b}",
- "{t} B \u00C9 P O \u00C8 ! V D L J Z W",
- "A U I E ; C T S R N M {e}",
- "{s} \u00C0 Y X : K ? Q G H F \u00C7 {s}",
- "{accept} {alt} {space} {alt} {c}"
+ "# 1 2 3 4 5 6 7 8 9 0 \u00b0 ` {b}",
+ "{t} B \u00c9 P O \u00c8 ! V D L J Z W",
+ "A U I E ; C T S R N M \u00c7 {enter}",
+ "{s} \u00ca \u00c0 Y X : K ? Q G H F {s}",
+ "{a} {alt} {space} {alt} {c}"
],
'alt' : [
- "\u2014 < > [ ] ^ \u00B1 \u2212 \u00F7 \u00D7 \u2260 \u2030 {b}",
- "{t} | \' & \u0153 ` \u00A1 \u02C7 \u00F0 / \u0133 \u0259 \u02D8",
- "\u00E6 \u00F9 \" \u20AC \u2019 \u00A9 \u00FE \u00DF \u00AE ~ \u00AF {e}",
- "{s} \\ { } \u2026 ~ \u00BF \u00B0 \u00B5 \u2020 \u02DB \u00B8 {s}",
+ "\u2013 \u2014 < > [ ] ^ \u00b1 \u2212 \u00f7 \u00d7 \u2260 \u2030 {b}",
+ "{t} | \u00b4 & \u0153 ` \u00a1 \u02c7 \u00f0 / \u0133 \u0259 \u02d8",
+ "\u00e6 \u00f9 \u00a8 \u20ac \u2019 \u00a9 \u00fe \u00df \u00ae ~ \u00af \u00b8 {enter}",
+ "{s} / \\ { } \u2026 ~ \u00bf \u00b0 \u00b5 \u2020 \u02db {s}",
"{a} {alt} {space} {alt} {c}"
],
'alt-shift' : [
- "{sp:1} \u00B6 \u201E \u201C \u201D \u2264 \u2265 \u00AC \u00BC \u00BD \u00BE \u2032 \u2033 {b}",
- "{t} \u00A6 \u02DD\u00A7 \u0152 ` \u00D0 \u0132 \u018F",
- "Æ Ù ? ¤ ? ? Þ ? ™ º {e}",
- "{s} \u2018 \u2019 \u00B7 \u2328 \u0309 \u0323 \u2021 \u00AA , {s}",
+ "\u00b6 \u201e \u201c \u201d \u2264 \u2265 {empty} \u00ac \u00bc \u00bd \u00be \u2032 \u2033 {b}",
+ "{t} \u00A6 \u02DD \u00A7 \u0152 ` \u00A1 {empty} \u00D0 {empty} \u0132 \u018F \u02d8",
+ "\u00c6 \u00d9 \u02d9 \u00a4 \u031b \u017f \u00de \u1e9e \u2122 {empty} \u00ba , {enter}",
+ "{s} {empty} {empty} \u2018 \u2019 \u00B7 {empty} \u0309 \u0323 {empty} \u2021 \u00AA {s}",
"{a} {alt} {space} {alt} {c}"
- ],
+ ]
};
// Keyboard Language
58 layouts/viet.js → layouts/vietnamese.js
View
@@ -9,7 +9,7 @@
*/
/* based on http://ascii-table.com/keyboard.php/190 */
-$.keyboard.layouts['viet-qwerty'] = {
+$.keyboard.layouts['vietamese-qwerty'] = {
'default' : [
"` 1 2 3 4 5 6 7 8 9 0 - = {bksp}",
"{tab} q w e r t y u i o p [ ]",
@@ -69,36 +69,36 @@ $.extend(true, $.keyboard.defaultOptions, language.viet);
$.extend(true, $.keyboard.defaultOptions.combos, {
-
- 'u' : { s:"\u00FA", f:"\u00F9", r:"\u1EE7", x:"\u0169", j:"\u1EE5", w:"\u01B0" },
- 'e' : { s:"\u00E9", f:"\u00E8", r:"\u1EBB", x:"\u1EBD", j:"\u1EB9", e:"\u00EA" },
- 'o' : { s:"\u00F3", f:"\u00F2", r:"\u1ECF", x:"\u00F5", j:"\u1ECD", w:"\u01A1", o:"\u00F4" },
- 'a' : { s:"\u00E1", f:"\u00E0", r:"\u1EA3", x:"\u00E3", j:"\u1EA1", w:"\u0103", a:"\u00E2" },
- 'i' : { s:"\u00ED", f:"\u00EC", r:"\u1EC9", x:"\u0129", j:"\u1ECB" },
- 'y' : { s:"\u00FD", f:"\u1EF3", r:"\u1EF7", x:"\u1EF9", j:"\u1EF5" },
- "\u01B0" : { s:"\u1EE9", f:"\u1EEB", r:"\u1EED", x:"\u1EEF", j:"\u1EF1" }, //u+
- "\u01A1" : { s:"\u1EDB", f:"\u1EDD", r:"\u1EDF", x:"\u1EE1", j:"\u1EE3" }, //o+
- "\u0103" : { s:"\u1EAF", f:"\u1EB1", r:"\u1EB3", x:"\u1EB5", j:"\u1EB7" }, //a(
- "\u00E2" : { s:"\u1EA5", f:"\u1EA7", r:"\u1EA9", x:"\u1EAB", j:"\u1EAD" }, //a^
-
- 'd' : { d:"\u0111" }, 'D' : { D:"\u0110" },
-
- "\u0055" : { S:"\u00DA", F:"\u00D9", R:"\u1EE6", X:"\u0168", J:"\u1EE4", W:"\u01AF" }, //U+
- 'E' : { S:"\u00C9", F:"\u00C8", R:"\u1EBA", X:"\u1EBC", J:"\u1EB8", E:"\u00CA" },
- 'O' : { S:"\u00D3", F:"\u00D2", R:"\u1ECE", X:"\u00D5", J:"\u1ECC", W:"\u01A0", O:"\u00D4"},
- 'A' : { S:"\u00C1", F:"\u00C0", R:"\u1EA2", X:"\u00C3", J:"\u1EA0", W:"\u0102", A:"\u00C2" },
- 'I' : { S:"\u00CD", F:"\u00CC", R:"\u1EC8", X:"\u0128", J:"\u1ECA" },
- 'Y' : { S:"\u00DD", F:"\u1EF2", R:"\u1EF6", X:"\u1EF8", J:"\u1EF4" },
-
- "\u01AF" : { S:"\u1EE8", F:"\u1EEA", R:"\u1EEC", X:"\u1EEE", J:"\u1EF0" }, //U+
- "\u01A0" : { S:"\u1EDA", F:"\u1EDC", R:"\u1EDE", X:"\u1EE0", J:"\u1EE2" }, // O+
- "\u0102" : { S:"\u1EAE", F:"\u1EB0", R:"\u1EB2", X:"\u1EB4", J:"\u1EB6" }, //A(
- "\u00C2" : { S:"\u1EA4", F:"\u1EA6", R:"\u1EA8", X:"\u1EAA", J:"\u1EAC" }, //A^
-
+
+ 'u' : { s:"\u00FA", f:"\u00F9", r:"\u1EE7", x:"\u0169", j:"\u1EE5", w:"\u01B0" },
+ 'e' : { s:"\u00E9", f:"\u00E8", r:"\u1EBB", x:"\u1EBD", j:"\u1EB9", e:"\u00EA" },
+ 'o' : { s:"\u00F3", f:"\u00F2", r:"\u1ECF", x:"\u00F5", j:"\u1ECD", w:"\u01A1", o:"\u00F4" },
+ 'a' : { s:"\u00E1", f:"\u00E0", r:"\u1EA3", x:"\u00E3", j:"\u1EA1", w:"\u0103", a:"\u00E2" },
+ 'i' : { s:"\u00ED", f:"\u00EC", r:"\u1EC9", x:"\u0129", j:"\u1ECB" },
+ 'y' : { s:"\u00FD", f:"\u1EF3", r:"\u1EF7", x:"\u1EF9", j:"\u1EF5" },
+ "\u01B0" : { s:"\u1EE9", f:"\u1EEB", r:"\u1EED", x:"\u1EEF", j:"\u1EF1" }, //u+
+ "\u01A1" : { s:"\u1EDB", f:"\u1EDD", r:"\u1EDF", x:"\u1EE1", j:"\u1EE3" }, //o+
+ "\u0103" : { s:"\u1EAF", f:"\u1EB1", r:"\u1EB3", x:"\u1EB5", j:"\u1EB7" }, //a(
+ "\u00E2" : { s:"\u1EA5", f:"\u1EA7", r:"\u1EA9", x:"\u1EAB", j:"\u1EAD" }, //a^
+
+ 'd' : { d:"\u0111" }, 'D' : { D:"\u0110" },
+
+ "\u0055" : { S:"\u00DA", F:"\u00D9", R:"\u1EE6", X:"\u0168", J:"\u1EE4", W:"\u01AF" }, //U+
+ 'E' : { S:"\u00C9", F:"\u00C8", R:"\u1EBA", X:"\u1EBC", J:"\u1EB8", E:"\u00CA" },
+ 'O' : { S:"\u00D3", F:"\u00D2", R:"\u1ECE", X:"\u00D5", J:"\u1ECC", W:"\u01A0", O:"\u00D4"},
+ 'A' : { S:"\u00C1", F:"\u00C0", R:"\u1EA2", X:"\u00C3", J:"\u1EA0", W:"\u0102", A:"\u00C2" },
+ 'I' : { S:"\u00CD", F:"\u00CC", R:"\u1EC8", X:"\u0128", J:"\u1ECA" },
+ 'Y' : { S:"\u00DD", F:"\u1EF2", R:"\u1EF6", X:"\u1EF8", J:"\u1EF4" },
+
+ "\u01AF" : { S:"\u1EE8", F:"\u1EEA", R:"\u1EEC", X:"\u1EEE", J:"\u1EF0" }, //U+
+ "\u01A0" : { S:"\u1EDA", F:"\u1EDC", R:"\u1EDE", X:"\u1EE0", J:"\u1EE2" }, // O+
+ "\u0102" : { S:"\u1EAE", F:"\u1EB0", R:"\u1EB2", X:"\u1EB4", J:"\u1EB6" }, //A(
+ "\u00C2" : { S:"\u1EA4", F:"\u1EA6", R:"\u1EA8", X:"\u1EAA", J:"\u1EAC" }, //A^
+
"\u00E2" : { s:"\u1EA5", f:"\u1EA7", r:"\u1EA9", x:"\u1EAB", j:"\u1EAD" }, //a^
- "\u00F4" : { s:"\u1ED1", f:"\u1ED3", r:"\u1ED5", x:"\u1ED7", j:"\u1ED9" }, //o^
+ "\u00F4" : { s:"\u1ED1", f:"\u1ED3", r:"\u1ED5", x:"\u1ED7", j:"\u1ED9" }, //o^
"\u00EA" : { s:"\u1EBF", f:"\u1EC1", r:"\u1EC3", x:"\u1EC5", j:"\u1EC7" }, //e^
-
+
"\u00C2" : { S:"\u1EA4", F:"\u1EA6", R:"\u1EA8", X:"\u1EAA", J:"\u1EAC" }, //A^
"\u00D4" : { S:"\u1ED0", F:"\u1ED2", R:"\u1ED4", X:"\u1ED6", J:"\u1ED8" }, //O^
"\u00CA" : { S:"\u1EBE", F:"\u1EC0", R:"\u1EC2", X:"\u1EC4", J:"\u1EC6" } //E^
Please sign in to comment.
Something went wrong with that request. Please try again.