• Publicidad
  • Contacto
Pixelco Tech Blog
  • Noticias
  • Video
  • Tecnología
    • Audio & Video
    • LifeStyle
    • Transformación Digital
  • Ciencia
    • Ciencia Ficción
  • Fotografía
  • Internet
    • Desarrollo/programación
    • Diseño
Sin resultados
Ver todos los resultados
Pixelco Tech Blog
  • Noticias
  • Video
  • Tecnología
    • Audio & Video
    • LifeStyle
    • Transformación Digital
  • Ciencia
    • Ciencia Ficción
  • Fotografía
  • Internet
    • Desarrollo/programación
    • Diseño
Sin resultados
Ver todos los resultados
Pixelco Tech Blog
Sin resultados
Ver todos los resultados

Virtual Keyboard Widget – Teclado virtual en pantalla con jQuery

Diego CambiasoporDiego Cambiaso
08/12/2010
enDesarrollo/programación, Internet
Tiempo de lectura2 minutos
0

Virtual Keyboard teclado virtual en pantalla con jQuery

Virtual Keyboard Widget es un plugin jQuery que implementa un teclado virtual en pantalla que se puede agregar a cualquier página web.

Esta solución es muy útil en los caso de ingreso de contraseñas como las de una cuenta bancaria, de esta forma, si el sistema tiene algún keylogger, éste no podrá registrar las pulsaciones de teclado.

EntradasRelacionados

4 Tips de Oracle para iniciarte en el mundo de la programación

Ventajas, desventajas y consejos al crear tu sitio web

Lo mejor de todo, es que Virtual Key Widget es muy fácil de agregar a cualquier desarrollo web.

Primero necesitamos enlazar los archivos JS de jQuery y el plugin:

<script type="text/javascript" src="
http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js">
</script>
<script type="text/javascript" src="
http://ajax.microsoft.com/ajax/jquery.ui/1.8.6/jquery-ui.min.js">
</script>
<script src="jquery.keyboard.js" type="text/javascript">
</script>

Sengundo agregamos el siguiente script Javascript que le da vida al teclado:

<script type="text/javascript">
$(function () {
$('input[type=password]').keyboard({
layout: "qwerty"
});
});
</script>

Y tercero, escribimos el HTML necesario para implementar el teclado, se trata de un código similar al siguiente:

<body>
Click inside the TextBox<br />
<input id="txtPass" type="password" />
</body>

Virtual keyboard Widget

Sitio: snipplr.com/view/21577/virtual-keyboard-widget

Descargar plugin: plugins.jquery.com/project/virtual_keyboard

Vía: www.devcurry.com/2010/12/jquery-virtual-keyboard-with-qwerty.html

Tags: desarrollo webJavascriptjQueryplugin jqueryVirtual Keyboard Widget
Diego Cambiaso

Diego Cambiaso

Comunicador Social y Desarrollador de Software. Blogger desde el 2006, creador de Pixelco Tech News. Viajero y fotógrafo. Entusiasta del diseño, apasionado por la tecnología y el social media. EN-ES-IT

RelacionadoEntradas

Crédito: Walt Disney Animation Studios y Walt Disney Pictures

Construir un Sitio web con los editores de WYSIWYG: Pros y Cons

12/07/2016
Simite - Game Screenshot

Simite – El campo de batalla de los dioses, un MOBA de acción en tercera persona

15/09/2014

Flypixel: Conoce una colección gratis de PSD y otros recursos de diseño

02/11/2013

AppLaunch: Conoce una excelente plantilla para el desarrollo de tu sitio web

20/07/2013

Business TV la solución de Samsung para mostrar contenido personalizado en los televisores de tu negocio

19/05/2022

Huawei lanza el nova Y70, el smartphone que se convierte en power bank

17/05/2022

Bespoke: la nueva línea de neveras modulares y personalizables

13/05/2022

Nuevos audífonos Xiaomi Buds 3 y Xiaomi Buds 3T Pro

05/05/2022

Nueva Series 12 de Xiaomi – Detalles y ficha técnica

05/05/2022

Samsung anunció el Universal Flash Storage (UFS) 4.0

04/05/2022

Pixelco Tech

Pixelcoes sitio de noticias de tecnología, diseño y desarrollo web e Internet escrito por profesionales.

Objetivo de Pixelco

Informar, promocionar, proporcionar recursos y ayuda sobre el diseño y desarrollo web, estándares, Internet y tecnología.

Buscar

Sin resultados
Ver todos los resultados

© 2022 Pixelco Tech News - Internet & Tecnología - Por Diego Cambiaso.

  • Publicidad
  • Contacto
  • Política de Privacidad
  • Sobre Pixelco
  • Internet
    • Recursos
    • Diseño
    • Desarrollo/programación
  • Tecnología
  • Noticias
  • Fotografía

© 2022 Pixelco Tech News - Internet & Tecnología - Por Diego Cambiaso.

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies Política de privacidad.
 

Cargando comentarios...