This time I will share jQuery Plugin and tutorial about Minimal AZERTY Keyboard With jQuery – asvKeyboard, hope it will help you in programming stack.
File Size: |
8.55 KB |
Views Total: |
1273 |
Last Update: |
|
Publish Date: |
|
Official Website: |
Go to website |
License: |
MIT |
|
|
“
asvKeyboard is a small virtual keyboard plugin which helps you create an on-screen AZERTY keyboard for French webpages or web apps.
How to use it:
1. Build the HTML for the AZERTY keyboard.
01 |
< div class = "vKeyboard" id = "vKeyboard" name = "vKeyboard" style = "display: none" > |
02 |
< div class = "vKeyboard-container d-flex row" > |
03 |
< div class = "col-8 vKeyboard-letters " id = "vKeyboard-letters" > |
04 |
< div class = "row vKeyboardRow vKeyboard-offsetRow1 justify-content-between" > |
05 |
< button type = "button col" class = "btn btn-primary vKeyboard-letter" id = "keyboard-A" value = "A" >A</ button > |
06 |
< button type = "button col" class = "btn btn-primary vKeyboard-letter" id = "keyboard-Z" value = "Z" >Z</ button > |
07 |
< button type = "button col" class = "btn btn-primary vKeyboard-letter" id = "keyboard-E" value = "E" >E</ button > |
08 |
< button type = "button col" class = "btn btn-primary vKeyboard-letter" id = "keyboard-R" value = "R" >R</ button > |
09 |
< button type = "button col" class = "btn btn-primary vKeyboard-letter" id = "keyboard-T" value = "T" >T</ button > |
10 |
< button type = "button col" class = "btn btn-primary vKeyboard-letter" id = "keyboard-Y" value = "Y" >Y</ button > |
11 |
< button type = "button col" class = "btn btn-primary vKeyboard-letter" id = "keyboard-U" value = "U" >U</ button > |
12 |
< button type = "button col" class = "btn btn-primary vKeyboard-letter" id = "keyboard-I" value = "I" >I</ button > |
13 |
< button type = "button col" class = "btn btn-primary vKeyboard-letter" id = "keyboard-O" value = "O" >O</ button > |
14 |
< button type = "button col" class = "btn btn-primary vKeyboard-letter" id = "keyboard-P" value = "P" >P</ button > |
16 |
< div class = "row vKeyboardRow vKeyboard-offsetRow2 justify-content-between" > |
17 |
< button type = "button col" class = "btn btn-primary vKeyboard-letter" id = "keyboard-Q" value = "Q" >Q</ button > |
18 |
< button type = "button col" class = "btn btn-primary vKeyboard-letter" id = "keyboard-S" value = "S" >S</ button > |
19 |
< button type = "button col" class = "btn btn-primary vKeyboard-letter" id = "keyboard-D" value = "D" >D</ button > |
20 |
< button type = "button col" class = "btn btn-primary vKeyboard-letter" id = "keyboard-F" value = "F" >F</ button > |
21 |
< button type = "button col" class = "btn btn-primary vKeyboard-letter" id = "keyboard-G" value = "G" >G</ button > |
22 |
< button type = "button col" class = "btn btn-primary vKeyboard-letter" id = "keyboard-H" value = "H" >H</ button > |
23 |
< button type = "button col" class = "btn btn-primary vKeyboard-letter" id = "keyboard-J" value = "J" >J</ button > |
24 |
< button type = "button col" class = "btn btn-primary vKeyboard-letter" id = "keyboard-K" value = "K" >K</ button > |
25 |
< button type = "button col" class = "btn btn-primary vKeyboard-letter" id = "keyboard-L" value = "L" >L</ button > |
26 |
< button type = "button col" class = "btn btn-primary vKeyboard-letter" id = "keyboard-M" value = "M" >M</ button > |
28 |
< div class = "row vKeyboardRow vKeyboard-offsetRow3 justify-content-between" > |
29 |
< button type = "button col" class = "btn btn-primary vKeyboard-letter" id = "keyboard-W" value = "W" >W</ button > |
30 |
< button type = "button col" class = "btn btn-primary vKeyboard-letter" id = "keyboard-X" value = "X" >X</ button > |
31 |
< button type = "button col" class = "btn btn-primary vKeyboard-letter" id = "keyboard-C" value = "C" >C</ button > |
32 |
< button type = "button col" class = "btn btn-primary vKeyboard-letter" id = "keyboard-V" value = "V" >V</ button > |
33 |
< button type = "button col" class = "btn btn-primary vKeyboard-letter" id = "keyboard-B" value = "B" >B</ button > |
34 |
< button type = "button col" class = "btn btn-primary vKeyboard-letter" id = "keyboard-N" value = "N" >N</ button > |
35 |
< span class = "vKeyboard-spacer" ></ span > |
36 |
< button type = "button col" class = "btn btn-primary vKeyboard-symbol" id = "keyboard-tiret" value = "-" >-</ button > |
37 |
< button type = "button col"
source : jquery.net
|