I’m using phonegap 2.3.0 to build a form, in my form I jave a couple check boxes that when clicked open a hidden div. The problem is that the screen either jumps to the top of the page or to the last input that had focus. I have tried to add focus to the input in the hidden div onclicking the checkbox, it did not work. I have tried to add blur to the entire form, that did not work. here is what I have…I am not sure what to do, I do not want to use a dropdown list for a simple yes/no but I tested and it works without fail….
input data-theme="b" type="checkbox" name="parking_issuesC" id="parking_issuesC" onclick="fnchecked(this.checked,'67');document.getElementById('parking_issues').focus();" /> <b><font color="#cc0033">* </font> Parking Issues?</b> </label>
<div style="display:none;" id="select67" name="select67" valign="top">
<label for="ladder_size"><b><font color="#cc0033">EXPLIAN</font></b></label>
<input type="text" name="parking_issues" value="" id="parking_issues">
<hr></div>
Actually after further testing scrollTo was used, show and hide work with select menus but not with check boxes. Jquery needs to work on their platform a little more IMO.