What is this?

• This is a quick example to provide an input of type=text with a pseudo input counterpart which can be used as a compliment to the input.

What's this example doing?

1. The onkeypress event in the input calls a javascript method passing a ref to itself
2. The method tries to attach to a pseudo input (named div), and if then checks for a boolean representing the caller's value. If true the method unhides the pseudo input else it hides the pseudo input
3. When the pseudo input is "open" a user can mouseover and click values which are then shuttled into form input

What still needs to be done?

1. The pseudo input currently requires user input through the mouse. (mouseover and click). Need to write a keyboard processing routine to allow the user to interact with the pseudo input through the keyboard (up/down arrows to select focus and focus changes to trigger transference of the focused pseudo value into the form input.)
2. An ajax transaction to repopulate the pseudo input dynamically
3. The pseudo input is positioned relatively (implicitly). The consequence of this is that when it's opened, the rest of the page is redrawn in order to accommodate the box, and when it's closed, the same thing happens in reverse to collapse the page elements back into that newly vacated space. This positioning should be changed to allow it to float over the other page elements and not interact with them.