Cara Menampilkan Keyboard Querty Dengan Plugins Jquery
Halo semuanya, berjumpa lagi dengan saya di panduan Source Code Aplikasi. Di artikel kali ini saya akan memberikan tips dan trik mengenai Cara Menampilkan Keyboard Querty Dengan Plugins Jquery dimana kita akan merancang atau memanggil plugins Jquery dengan menampilkan layout keyboard. Ini dapat pun di gunakan di pada blog bagi tampilan lebih menarik berikut ini yakni screen shoot nya yang nanti kita akan bikin
Sekiranya di klik di kolom karenanya layout keyboard akan muncul
Kegunaan nya sama dengan keyboard fisik hanya bedanya pengetikannya satu – satu dengan mouse, memang tak terlalu efisien bagi pengetikan di komputer tetapi ini bermanfaat sekali di tampilan mobile ataupun tablet karena memang keyboard plugins ini pun memiliki tampilan yang dinamis
Nah seperti yang teman – teman lihat di gambar di atas ini, seperti yang saya bilang bahwa tampilannya pun telah memiliki tampilan yang dinamis di ketika tampilan mobile ataupun tablet. Oke, tanpa lama – lama lagi kini kita implementasikan Cara Menampilkan Keyboard Querty Dengan Plugins Jquery, seperti lazimnya teman – teman siapkan text editornya kemudian unduh terlebih dahulu plugins Jquery nya atau dapat klik link ini bagi mengunduh kemudian extract di folder dan akan menghasilkan file seperti gambar di bawah ini
Folder CSS mempunyai file
Dan folder js mempunyai mempunyai file
Langkah berikutnya kita akan memanggil dan menampilkan di browser, teman – teman copy script html nya di bawah ini
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8>
<title>Cara Menampilkan Keyboard Querty Dengan Plugins Jquery</title>
</head>
<body>
<div id=page-wrap>
<div class=block id=caret>
<h2>
<span class=tooltip-tipsy title=Cara Menampilkan Keyboard Querty Dengan Plugins Jquery>QWERTY (mod) Text Area</span>
</h2>
<textarea id=qwerty-mod></textarea>
</div>
</div>
</body>
</html>
Kemudian save dengan nama index.html, berikutnya tinggal kita panggil link css dan plugins Jquery nya. Teman – teman panggil file yang telah di unduh atau ikuti seperti gambar di bawah ini dengan klik gambar
Sekiranya telah save dan jalankan di browser nya, karenanya tampilan seperti gambar di bawah ini
Sekiranya di klik akan muncul keyboard nya,
Dan pun dapat di ketikkan huruf, simbol, angka, dan lain-lainnya.
Bagimana, lumayan menarik bukan bagi tampilannya..??
Bagus, demikian dulu di artikel kali ini mengenai Cara Menampilkan Keyboard Querty Dengan Plugins Jquery kita berjumpa kembali di artikel berikutnya. Semoga dapat menjadi refrensi bagi kalian yang ingin tahu lebih luas di dunia blog khususnya menggunakan plugins.
Terimakasih dan Hingga Jumpa.
Semoga bermanfaat 🙂
Sumber https://kursuswebsite.org