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
|
