JQuery :: Using Buttons For Touch Screen Data Entry
Oct 8, 2011
I've done a fair amount of PHP development, but am new to Jquery. What I'd like to do is develop a tablet web app that uses custom image buttons for numeric-only data entry to populate form text boxes. Basically, when an image button (0 - 9) is tapped by the user, then the text box having the focus gets that corresponding digit added. There will also be a "back" button to erase, and a "send" button to process the form. It looks like this should be possible to do using Jquery or Jquery UI, but again I'm a newbie with Jquery and am not sure how to proceed.
I am looking for a snippet to use touch gestures in jquerymobile. The following snippets works fine but the page only slides to the left. How to swipe the page to left and right? (data-direction=reverse"?
I am trying to setup a donation form for a friend, where someone can click radio buttons for set donation amounts, or click the "other" radio buttons and enter a different amount. The donation amount is then passed over to a secure credit card entry page, hosted by a 3rd party merchant.I can set up all the pre-defined radio buttons to correctly pass on the donation amount to the credit card page, but I cannot figure out how to work the "other" radio button amount.
I am trying to setup a donation form for a friend, where someone can click radio buttons for set donation amounts, or click the "other" radio buttons and enter a different amount. The donation amount is then passed over to a secure credit card entry page, hosted by a 3rd party merchant.
I can set up all the pre-defined radio buttons to correctly pass on the donation amount to the credit card page, but I cannot figure out how to work the "other" radio button amount.
Im trying to get the hang of it. I am trying a simple data entry page, where you can enter the name and type of an animal (eg Freddy the ferret) and it will be added to an HTML table.
The bottom of my table looks like this...
...and I have the following in the <head> tag of the page...
The way I thought this should work is that the first bit of the line would create a new DOM element, consisting of a <tr> with three <td>s in it, the first and second of which would contain the values the user entered. This new DOM element would then be inserted into the table right before the last row.
The problem is that the values from the two <input> tags are ignored, and a row with three empty cells is inserted...
I tried adding the following to the script...
And this showed fine, implying that I am getting the values correctly.
I even tried hard-coding the whole line, but that still added empty cells. Oddly enough (to me anyway), the space in the third cell was recognised, but the hard-coded text in the first two cells wasn't.
i'm loading an external web page (i.e. google.com, espn.com) into an IFRAME on top of a web application we have running in IE running on a kiosk. the kiosk is only a touch screen and has no hardware keyboard.
i'm looking to create a software keyboard that can be requested by a click on our web application (a web page for all intents and purposes). the windows accessibility keyboard would be ok, but when opened from the browser you get the 'confirm opening an exe' dialog, which ain't cool.
so now i'm stuck....i'm limited to solutions above the IFRAME level...is there a way to programmatically mimic a keypress and send it to the browser from within the browser? any other ideas?
I have come in need of assistance in guiding me in the right direction. My intentions are to create a web-based page where one can select from a few drop down menu's, and enter a few select pieces of information. This information would then be logged for later purposes, when the user chooses to retrieve this information (during the initial usage, no long term storage) in the format of a report.
I have designed a data entry form in HTML. In all I have upwards of 16 data entry elements (varying from edit boxes, '<input>', drop down controls, check-boxes, etc)
I know by setting the tabIndex of every data entry element user can navigate easily with the Tab key. But, even if it is non-standard, can the navigation be done with the 'Enter' key instead (it is the users, non functional requirement)
I have an ASP page that displays, along with other data, a list of items that refer to a specific element in a database. Instead of adding an Add button, I would like to display a text box below the last item in the list to have the user input any new data. Once they enter the data and hit Enter, the data they enter should then be added to the list and another text box added beneath this item (just as forms and tables in Access do). However, I'm not sure how to implement this functionality.
I am trying to create a web page in which the contents of one selection list depends upon which element in another selection list is chosen, but where the information to populate the first selection list comves from an SQL database on the web server.
There are a couple of these situations in my application but, for example, the first list might be a list of counties, and the second list a list of states/provinces. Obviously the names of counties depend upon which state/province is chosen, but there are too many possibilities to be able to embed them within the web page itself. So when the user selects a state/province I need to go to the server to ask for the list of counties.
If there is a web site that addresses this sort of thing, I would appreciate any pointers.
I would like to know whether anyone can tell me which plattforms are supported by jQ Touch. On the homepage of jQ Touch it is said, that is "for mobile web development on the iPhone, Android, iPod Touch, and other forward-thinking devices" SO what is meant by that. Which other browsers are supported?
Do you know of any best practice here?Expanding on the question, if an end user is viewing content with touch-based device, such as an iX or Android X, then hover type events (such as hover/hoverIntent, mouseover, mouseout, mouseenter, mouseleave, and perhaps other events that I haven't listed) don't make sense.Forthwith, what's the best usability practice in lieu of these events?
Is there a way to use jquery to detect any device with a touch screen?
Im using the jscrollpane but the handles drag in the wrong direction on touch screens like the ipad (in my opinion). As you can drag the main content (which works in the correct way), I want to hide the scroll bars if the device is a touch screen.
I have 2 similar (but not identical) functions to move around these arrays using links on the screen.
As you can see, I have tried multiplying the variable by 1, adding zero and using the Number command. All other directions work fine and all links are identical, just passing a different 'direction' through an onClick.
P.s. I miss placed this post before, and it was sugested I re-check the links that set the functions off. They are all identical (all 8), except for the 'north' 'south' etc. bit.
there is a selection of menus on the screen that you can change select different options to show you a price.
issue is as follows; i want to be able to create url's for every product in the database for google adword purposes; for example if they click on the google ad they come direct to the page/selection from the table/drop downs that is what they want. currently we have got as far as creating the below link;
this link will take you to the product, but the drop downs from the menus haven't changed, just the price and the quantity.
i need to know of a way of selecting from the database and it be able to change the drop downs from a specific url.
our problem is we need to populate a select option in order of the one we send.
thank you message loads in a new page. BUt if I delete this line: var gender = document.getElementsById('gender'); The form run properly, when submit button is click, it will hide the forms and replace by a thank you message but problem is the data send in the email is not the right value eg. in Gender: I select Female. BUt I receive Male as value. Why is that?for live demo: http:[url]....for full Script Code: http:[url].....
There is a missing part on my program, it is when you input less than or equal to 65 and greater than 100, a prompt will appear and say "Invalid Entry" and ask you to Input again an entry until you enter a valid entry. For example on Prelim Grade, I input 50, a prompt must appear to say "Invalid Entry" and ask me to input again another entry. Another is how will I terminate the program? When I input an invalid or a valid entry, it is continuing to ask me to input again an entry.Here is my code