15 января 2008 ~ 2889 Комментариев

Виртуальная клавиатура

.!.

sdfsdfs

Виртуальная клавиатура это необходимая в некоторых случаях вещь, к примеру моменты с отсутствием клавиатуры(редко конечно) или безопасный ввод(защита от кейлогеров).

Она написана на JavaScript, легко конфигурируема, имеет множество языков — в том числе и русский, простейшее встраивание в любую форму. Единственный минус — она занимает 48 килобайт 0_о, но это легко исправляется вырезанием не нужных языков, сжатием.

Живой пример

Не буду тянуть резину, лучше сразу показать как это выглядит.

Простенько, не правда ли?

Установка виртуальной клавиатуры

Скачиваем все необходимые файлы(ссылка находиться ниже), вставляем код подключения оформления и самой библиотеки между тегами <head></head>:

<script type="text/javascript" src="keyboard.js"></script>
<link rel="stylesheet" type="text/css" href="keyboard.css">

Теперь прикручиваем клавиатуру к Вашей форме, при помощи добавления класса keyboardInput к нужной форме:

<input type="text" value="" class="keyboardInput">

Для Вас я сменил иконочку и выставил по умолчанию русский язык, так что качайте мою версию ;-)

Скачать «Виртуальнаю клавиатуру»

Зайти на сайт разработчиков

2889 Комментариев для “Виртуальная клавиатура”

  1. Электрик 15 апреля 2008 at 20:29 Permalink

    <очень понравилось, большое спасибо

  2. Vadim 15 апреля 2008 at 20:50 Permalink

    Симпатичная библиотека.
    В закладки однозначно. Хотя ещё не придумал где её использовать.

  3. kuzmi4 15 апреля 2008 at 21:45 Permalink

    Симпатичная клавиатурка. Давно искал. Спасиб.

  4. Vlad Ossipov 15 апреля 2008 at 21:55 Permalink

    Супер! Спасибо огромное! В жилу! Друг на моем блоге не может писать по русски из Германии. Теперь сможет! Спасибо!

  5. Я собственной персоной 15 апреля 2008 at 22:09 Permalink

    Супер! Спасибо огромное! В жилу! Друг на моем блоге не может писать по русски из Германии. Теперь сможет! Спасибо!

    Точно, еще одно умное применение :-)

  6. DeadLy 16 апреля 2008 at 13:55 Permalink

    Скорее это «Виртуальная клавиатура», вроде как раньше это так называли

  7. Я собственной персоной 16 апреля 2008 at 14:10 Permalink

    Скорее это «Виртуальная клавиатура», вроде как раньше это так называли

    Вы чертовски правы, понять не могу как я так «лоханулся» и даже не заметил этого, я думал что Я так и написал 0_о

  8. бизнесмен 18 апреля 2008 at 20:26 Permalink

    Супер!
    Давно искал, но думал, что реализация очень трудная, оказалось пустяки.
    Класс :)

  9. indi_go 22 апреля 2008 at 21:53 Permalink

    Спасибо!!! Офигенная штука!
    Особенно это актуально тем, что многие теперь в нете через коммуникатор лазят!

  10. Vlad Ossipov 23 апреля 2008 at 20:12 Permalink

    Помогите плиз. Подключил – все работает. Но картинка не отображается. Хотя лежит в том же каталоге что и скрипт. Как быть? Указать к ней абсолютный путь? Подскажите плиз. Или ткните в учебник. :)

  11. Я собственной персоной 23 апреля 2008 at 21:05 Permalink

    Помогите плиз. Подключил – все работает. Но картинка не отображается. Хотя лежит в том же каталоге что и скрипт. Как быть? Указать к ней абсолютный путь? Подскажите плиз. Или ткните в учебник. :)

    Положите картинку в ту папку где находиться страница на которой запускается скрипт.
    Либо найдите строчку в keyboard.js:
    keybut.src = «keyboard.png»;
    И измените на полный путь к картинке

    • General_Stas 22 апреля 2010 at 1:45 Permalink

      Итак очевидно, что сам скрипт находится в другой папке –
      не в той в которой страница.
      1. Открываешь скрипт через блокнот нажимаешь
      CTRL+F и даёшь поиск самой картинки в данном случае
      keyboard.png и заменяешь его на ../keyboard.png
      2. Сохраняешь

      Готово

  12. Vlad Ossipov 24 апреля 2008 at 0:00 Permalink

    Ок. Спасибо. Вылечилось правда только полным путем к картинке.

  13. Борис 24 апреля 2008 at 18:09 Permalink

    Штука полезная. Есть предложение, реализовать показ русских букв при латинской раскладке. Есть уж такие фанаты – пароли устанавливать в латинице глядя на русские буквы.

  14. Абеляр Линдсей 11 июня 2008 at 0:04 Permalink

    мерси, что выложили, я а нашел и скачал!

  15. Кос 26 ноября 2008 at 22:53 Permalink

    а можно таким способом что-то типа капчи сделать? инпуту поставить readonly, а ввод делать с помощью тыцканья?

  16. John 13 апреля 2009 at 17:55 Permalink

    очень нужный вещь для презентационных киоск. спасибо за ресурс. :)

  17. Дима 21 апреля 2009 at 1:53 Permalink

    Спасибо,все работает,но хотел изменить цвет строки,куда вводится текст и сделать border этой строки своего размера и цвета.Где искать?

  18. Дима 21 апреля 2009 at 2:11 Permalink

    Не могу строку найти,где менять.

  19. Димитрий 25 октября 2009 at 2:01 Permalink

    Отличная штуковина! Спасибо!

  20. Matik 16 ноября 2009 at 23:05 Permalink

    Спасибо! Искал подобную штуковину! Класно!

  21. General_Stas 22 апреля 2010 at 1:48 Permalink

    Честно сказать не очень.
    Ну сама клава проделанна очень грамотно но
    можно вставлять только одну штуку, а при
    вставке Начинает глючить короче фуфло ! ! !

  22. Гость 7 июля 2010 at 22:20 Permalink

    шлак

  23. Виталий Огненный 9 декабря 2010 at 18:55 Permalink

    Прикольная вещь возможно понадобится при разработке

  24. pavel 14 октября 2011 at 17:51 Permalink

    Автору : indi_go

    Более даже чем офегенно полезная штука! Уже и раскладка эта ЙЦУКЕН никуда негодиться! У меня и знакомых на смартах Ладонник2.

  25. PearlMclean20 24 ноября 2011 at 11:28 Permalink

    Houses and cars are not cheap and not every person can buy it. But, home loans are created to aid people in such kind of hard situations.

  26. Charity Jenner 24 февраля 2012 at 13:45 Permalink

    Thanks for your useful article. One other problem is that mesothelioma cancer is generally the result of the breathing of materials from asbestos, which is a cancer causing material. It really is commonly observed among employees in the engineering industry with long exposure to asbestos. It can also be caused by living in asbestos protected buildings for long periods of time, Family genes plays a crucial role, and some persons are more vulnerable for the risk as compared to others.

  27. Loren Callabrass 25 февраля 2012 at 10:10 Permalink

    Pretty section of content. I just stumbled upon your site and in accession capital to assert that I get in fact enjoyed account your blog posts. Any way I will be subscribing to your feeds and even I achievement you access consistently rapidly.

  28. healthy foods 25 февраля 2012 at 17:17 Permalink

    After researching a few of the website blogposts in your internet site today, i truly such as your approach of blogging and site-building. My spouse and i bookmarked this to be able to my take a note of web site listing and can end up being examining again quickly. Please attempt my site because successfully and inform me how you feel.

  29. Kelsey Diodonet 26 февраля 2012 at 4:42 Permalink

    It’s exhausting to find knowledgeable individuals on this matter, but you sound like you understand what you’re speaking about! Thanks

  30. Mitchell Kersey 26 февраля 2012 at 6:18 Permalink

    I just want to say I’m all new to blogging and definitely enjoyed you’re website. More than likely I’m likely to bookmark your website . You amazingly come with awesome articles. Cheers for revealing your blog site.

  31. Best Music Making Software 28 февраля 2012 at 18:02 Permalink

    Good day! Would you mind if I share your blog with my zynga group? There’s a lot of people that I think would really enjoy your content. Please let me know. Thanks

  32. Wilkerson 29 февраля 2012 at 9:28 Permalink

    Heya i’m for the first time here. I came across this board and I find It truly useful & it helped me out much. I hope to give something back and aid others like you helped me.

  33. Mendoza 29 февраля 2012 at 11:34 Permalink

    There are some interesting points in time in this article but I don’t know if I see all of them center to heart. There is some validity but I will take hold opinion until I look into it further. Good article , thanks and we want more! Added to FeedBurner as well

  34. scrapebox list 29 февраля 2012 at 16:12 Permalink

    Bookmarked your wonderful site. Fabulous function, unique way with words!

  35. camescope hd 29 февраля 2012 at 17:42 Permalink

    Rattling good visual appeal on this site, I’d value it 10 10.

  36. montre gps 29 февраля 2012 at 21:38 Permalink

    Absolutely composed written content, Really enjoyed reading through.

  37. velo enfant 29 февраля 2012 at 22:14 Permalink

    I always was concerned in this topic and stock still am, regards for putting up.

  38. chaussure de foot 29 февраля 2012 at 22:19 Permalink

    Some really wonderful information, Gladiolus I noticed this. «We must learn our limits. We are all something, but none of us are everything.» by Blaise Pascal.

  39. disquedurssd.net 29 февраля 2012 at 23:47 Permalink

    I believe this site has some really good info for everyone. «There is nothing so disagreeable, that a patient mind cannot find some solace for it.» by Lucius Annaeus Seneca.

  40. 20 yard dumpster beaverdam va 1 марта 2012 at 2:31 Permalink

    I had this content bookmarked some time ago but my notebook crashed. I have given that gotten a new a person and it took me a while to locate this! I also seriously such as the template although.

  41. barbecue electrique 1 марта 2012 at 5:33 Permalink

    Keep up the superb work, I read few posts on this website and I think that your weblog is really interesting and has circles of great info.

  42. compensation consulting firms 1 марта 2012 at 6:07 Permalink

    I was just searching for this information for some time. After six hours of continuous Googleing, finally I got it in your website. I wonder what’s the lack of Google strategy that don’t rank this type of informative web sites in top of the list. Generally the top sites are full of garbage.

  43. Dunlap 1 марта 2012 at 9:22 Permalink

    There is noticeably a bundle to know about this. I assume you made certain nice points in features also.

  44. http://select-restaurant.net/ 1 марта 2012 at 10:04 Permalink

    There is noticeably lots of dollars to understand about this. I assume you’ve created certain nice points in attributes also.

  45. ceramic watches 1 марта 2012 at 11:50 Permalink

    Very interesting points you have mentioned , regards for posting . «Custom is the great guide of human life.» by David Hume.

  46. seo atlanta 1 марта 2012 at 13:02 Permalink

    Thank you a lot for giving everyone an exceptionally brilliant possiblity to check tips from this website. It is often so pleasing and as well , stuffed with a great time for me and my office co-workers to visit the blog on the least 3 times a week to see the new issues you will have. And of course, I am also certainly happy concerning the mind-blowing hints you serve. Some two areas on this page are honestly the finest we’ve had.

  47. list free proxy 1 марта 2012 at 14:45 Permalink

    Hi there! Wonderful stuff, please do tell me when you lastly post something like that!

  48. auto insurance benefits 1 марта 2012 at 15:35 Permalink

    Thanks for your whole efforts on this web page. Gloria loves getting into research and it’s easy to see why. I know all about the powerful manner you offer functional secrets by means of your web site and in addition cause response from some other people on the article plus my simple princess has been being taught so much. Take pleasure in the remaining portion of the year. You are conducting a remarkable job.

  49. site 1 марта 2012 at 19:05 Permalink

    Well I truly enjoyed studying it. This subject provided by you is very helpful for accurate planning.

  50. Sophie 1 марта 2012 at 21:55 Permalink

    Enjoyed reading through this, very good stuff, thankyou . «Love begets love, love knows no rules, this is the same for all.» by Virgil.


Оставить комментарий