서버환경 | Java [ jdk1.5, jdk1.6, jdk1.7 ] |
---|---|
PC 환경 | IE8이상 / Chrome / FireFox / Safari / Opera |
안드로이드 환경 | 2.2 Froyo 이상 |
IOS 환경 | 4.2.1 이상 |
입력모드 | QWERTY / CLONE / HONEY / NUMBER |
---|---|
입력방식 | TOUCH / SWIPING |
테마색상 | WHITE / BLACK / BLUE / GREEN 등 |
배치방식 | 모바일의 경우 양손 / 왼손 / 오른손 모드로 변경가능하며, 가로 / 세로 모드에 맞춤 구성으로 자동 변경 |
keypad
var KEYPAD_HOME = '/keypad'; var KEYPAD_CONTEXT_ROOT = '/'; . .
<servlet> <servlet-name>EltzKeypadServlet</servlet-name> <servlet-class>eltz.apps.keypad.VirtualPadServlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>EltzKeypadServlet</servlet-name> <url-pattern>/EltzKey/*</url-pattern> </servlet-mapping>
1UlHEGwgYLboGw5+1gB/rw8WT2XR5llyrNWame1PgKtcu9XLiZDrMLurTEu8Juq2
<meta http-equiv="X-UA-Compatible" content="IE=Edge" /> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui">
<script type="text/javascript" src="./js/keypad.js"></script>
<form> <input type="password" placeholder="QWERTY Password" id="pwd1" name="pwd1" data-security="qwerty" maxlength="13" /> <input type="password" placeholder="NUMBER Password" id="pwd2" name="pwd2" data-security="number" maxlength="13" /> </form>
CIPAD.setupVpad(document.forms, { icon : true, // true이면 input요소 오른쪽에 (키보드,마우스(가상) 선택 아이콘) 배치 (default true) inputMode : 'mouse', //기본 입력모드 선택 (mouse(가상) OR keyboard) securityMode : false, // true 이면 모바일 경우에 키보드 클릭시 랜덤한 다른키가 눌려지는 이펙트 추가 (default true) configMode : true, // 배치모드,입력모드 변경을 위한 설정 버튼 노출 여부 (default true) theme : 'black01' //black01 테마 사용 });