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)
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 am writing a small data entry screen that will post the form data to a page and return a message. But i cannot get the Success or Error functions working properly.
Here's the code where strData is the posted querystring of:
I'm not sure whether it should be in a form and using the onsubmit or click of a button.
When I press enter on the webpage it wont search, only when the button is clicked.
<?php if ($keyword) { ?>
<input type="text" value="<?php echo $keyword; ?>" id="filter_keyword" />
<?php } else { ?>
<input type="text" value="<?php echo $text_keyword; ?>" id="filter_keyword" onclick="this.value = '';" onkeydown="this.style.color = '000000'" style="color: #999;" />
<?php } ?>
<a onclick="moduleSearch();"><img src="catalog/view/theme/ProShop/image/search_button.png" alt="search" align="top" /></a></div>
I'm about to embark on developing a class which, given a field name and server-side script, will "auto-complete" or "suggest" entries already entered in the database.
View 2 Replies View Relatedi'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 next i was hoping make an html/flash keyboard
which would talk to the forms within the IFRAME via a javascript
layer. however i later found that javascript is not permitted to
access the contents of a document within an IFRAME loaded from an
external web site. so there is no way for javascript to directly
modify the text values of the form elements.
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.
View 1 Replies View RelatedI'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.
View 1 Replies View RelatedI need a Thickbox or popup mechanism to Upload File and Registration Details .
View 2 Replies View RelatedI 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.
View 1 Replies View RelatedI'm writing a program that would automate data entry (from an excel spreadsheet) into an online database. I've been doing them one by one for the past couple of weeks...only have about 10,000 left.
View 4 Replies View RelatedI 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.
I have seen a number of posts that sort of address this issue. For example
it is suggested to use <script src="a URL"/> to ask the server side code to
send up data of type "text/javascript". However the examples do not seem to
address how the server side code would know which state/province the user
had selected.
If there is a web site that addresses this sort of thing, I would appreciate
any pointers.
I have a textbox on one of my forms that is used to accept a time from the
user. I need to write this value to a database to trigger an event later on.
What I'd like to know is...
Are there any functions in javascript that can convert different time
formats to a known format (24 hour clock)... 5pm -> 17:00 or 5:00 to 05:00,
etc. ???
Assuming that I get the input into a 24 hour format, how can I create a full
time/date variable with todays date and the users entered time?
Finally, if the entered time is earlier than the current time, how can I
create the above date/time combination using tomorrows date?
Currently I have this web database app that I wrote in which I have a page with 3 tables. When I want to enter data into the table I currently select the table name from a drop down list and then have a javascript window open containing a form. The form is processed using php and oracle. The parent window which is the page containing the 3 tables then gets reloaded and, behold you can see a row contaiing the data underneath the choosen table. Have a picture in your mind of my setup?
Ok, what I would like is to try and eliminate the popup window. On each of the table headers I would like to have a button that when clicked, adds a row of input cells, say 6 for example . They should be able to have as many rows as they want. I would also like to add a submit button and a remove row button. And that is it.
From there I can handle the input of the multiple rows with php arrays and array splice to get the indexing I want. That is no problem. I have just never done anything dynamic and have very little javascript experience.
I have a intern page with a form. User should enter their data and send the form. Some data from the user is stored in a database (name,phone). I want to make the form easier and complete the form with data from the database. The user should only enter his personal-number. How can i solve this with jquery? Is there any plugin?
View 2 Replies View RelatedIs it possible to use javascript to retrieve data (text and such) from a webpage? if so how would you go about it?
View 1 Replies View RelatedI would like the results of a simple form to be posted on a (private) web page, from which I can generate an email reply.
View 4 Replies View RelatedI want to transfer the data form webpage to any other own application
which is running in backend.How i develop this web page. which
technology is good for this or any particular protocol i have to use
for this. Please suggest if any idea regarding data transfer.
I am stuck with an issue in my project from completion. My program is trading exoeriment with 2 groups. If any user in 1 group enters value in filed called askvalue, this value must must be updtaed to all other users in the group. I tried to do thi by inserting and updating the table. Values are updating correctly in table a but weppage s not being regfeshes to other traders in same group.
I am posting my code here:
When any user in the group clicks this button insertion sql statements have to executed and then refesh the webpage for all the traders in the same group without clicking refresh.
Im modifying some open source code and in this instance I would like to write some data to a file (possibly for the user to download). In this code the user can toggle the hidden exportData to be shown on the webpage. However, I would like to give the option of downloading/saving the data as a file (only the exportData which I believe is the document.getElementById("path")). I have tried various tricks found online, but have yet to produce the hoped for result.
Code:
I have Been trying to make a webpage that displays a googlemap with multiple markers based on data from an XML file but can't seem to get it to work. Would be ETERNALLY grateful to anyone who can pick out where I'm going wrong!
<html>
<head>
<script type="text/javascript">
function callXML(){
if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
[Code]...
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
Code:
<html>
<head>[code]......
I have PHP form application used to by Sales reps to Enter information about customers but I want to prevent Sales reps from entering same information because of web form behavior after they want to add new customer ? is their away in using Jquery to clear the form for new entry ??
View 3 Replies View Related<input type="button" onClick="doSomething()">
When the user click HTML button, it will launch doSomething(). But I
want the user enter ENTER key, it will have same effect.
if this is long and complicated. Maybe there is an easy way to do this, but I'm not figuring it out.
Sample html:
<div class="story">
<h4>
<p> (several)
<div class="pullquote">
<p> (several)
[Code]...
I want to hide the p and h4 in the stories, leave the pullquote and append a button to the pullquote that says "Read more". I can do this, so far.
Clicking the button will show all the p and h4 in the story, and also hide the button. I can find the parent div.story, but I can't seem to go back down the DOM to select all the p and h4 below.
I guess because IE once again has its own variations this works or Netscape isn't following the dom I don't know which but I was hoping this type of navigation was going to be dom compliant with the newest versions of Netscape
If you have a table with the id "bob" (I like dumb names sometimes) you should be able to navigate down the table via bob.firstChild.childNodes[1].innerHTML. This does not work in netscape but does work in IE. I find this troubling because of how much easier things would have been if it worked in both. I really just wish the browsers would become equal.
The dom specification is here (outdated I believe)
http://www.w3.org/TR/1999/CR-DOM-Lev...roduction.html
Thats the specification and how it supposedly works. I am going to keep playing and figure out if maybe Netscape 'changed' it. for an example try this Code: