soniareindeer
New Member
I'm having problems updating a text box using javascript when a link in my keypad is pressed. Can anyone tell me where I'm going wrong?Heres my html: \[code\]<div class="keypad_title"> <h2>Login to Begin</h2></div><div class="keypad"> <div class="keypad_input"><%= form_tag :html => {:name => "key_pad_form"} do%> <%= text_field_tag :keypad_input, "", :id => "keypad_box" %><% end %></div> <table id="keypad"><tr> <td><a href="http://stackoverflow.com/questions/7499033/#" class="gray square button">1</a></td> <td><a href="http://stackoverflow.com/questions/7499033/#" class="gray square button">2</a></td> <td><a href="http://stackoverflow.com/questions/7499033/#" class="gray square button">3</a></td></tr><tr> <td><a href="http://stackoverflow.com/questions/7499033/#" class="gray square button">4</a></td> <td><a href="http://stackoverflow.com/questions/7499033/#" class="gray square button">5</a></td> <td><a href="http://stackoverflow.com/questions/7499033/#" class="gray square button">6</a></td></tr><tr> <td><a href="http://stackoverflow.com/questions/7499033/#" class="gray square button">7</a></td> <td><a href="http://stackoverflow.com/questions/7499033/#" class="gray square button">8</a></td> <td><a href="http://stackoverflow.com/questions/7499033/#" class="gray square button">9</a></td></tr><tr> <td><a href="http://stackoverflow.com/questions/7499033/#" class="gray square button">0</a></td> <td><a href="http://stackoverflow.com/questions/7499033/#" class="gray square button disabled"></a></td> <td><a href="http://stackoverflow.com/questions/7499033/#" class="gray square button icons">D</a></td></tr></table><div class="enter"><a href="http://stackoverflow.com/questions/7499033/#" class="green large button keypad_enter">Enter</a> </div></div><script type="text/javascript" src="http://stackoverflow.com/questions/keypad.js"></script>\[/code\]And here is my Javascript:\[code\]$(function(){ var $write = $('#keypad_box'), $('#keypad a').click(function(){ var $this = $(this), character = $this.html(); // If it's a lowercase letter, nothing happens to this variable // Add the character $write.html($write.html() + character); }); });\[/code\]