Forum Moderators: open
I would post you an example of a site that uses what im after but im not allowed to.
So please goto E-gold and take a look at their SRK Passphrase tool.
What the tool does is on their website opens up a keyboard, so instead of typing the text into the browser you can click it in. This is to advoid key-loggers and alike.
Does anyone know where I can find such a tool for my website? I can see this kind of tool being very usefull all over the internet, but I cant find a decent one that does what e-gold's version does.
Thankyou.
Steve.
<style>
#keyboard span {
padding: 5px 10px 2px 2px;
background: #ccc;
border: 1px solid #666;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
cursor:hand;
cursor:pointer; }
</style>
<input type="text" name="password" id="password" size="8" /><br />
Use this virtual keyboard to enter your password:
<div id="keyboard">
<p><span>q</span><span>w</span><span>e</span><span>r</span><span>t</span><span>y</span><span>u</span>
<span>i</span><span>o</span><span>p</span><span>[</span><span>]</span></p>
<p><span>a</span><span>s</span><span>d</span><span>f</span><span>g</span><span>h</span><span>j</span>
<span>k</span><span>l</span><span>;</span><span>'</span></p>
<p><span>z</span><span>x</span><span>c</span><span>v</span><span>b</span><span>n</span><span>m</span>
<span>,</span><span>.</span><span>/</span></p>
</div>
<script>
var the_input = document.getElementById('password');
var the_keyboard = document.getElementById('keyboard');
var the_keys = the_keyboard.getElementsByTagName("SPAN");
function addMe(){
the_input.value += this.innerText;
}
for(var m=0;m < the_keys.length;m++){
the_keys[m].onclick=addMe;
}
</script>