Creating A Web Keyboard For Data Entry Within IFRAME
Jul 20, 2005
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 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 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.
i have developed a RichtextEditor using div tags as the container element. When this editor is directly used in a html page..the keyboard controls like 'Delete', 'Ctrl+X', 'Ctrl+C' are working..:thumbsup:. But when i used an iframe to load the editor then these keyboard controls are not working...
I have created a classic Snake game. When I run the game in a browser, it works fine. But when I run it as an IFRAME in another window, then it fails to get the keyboard events.
Parent CODE:
Code:
<html> <head> </head>
[code]....
how to capture Window Keyboard Event in the Child IFrame
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.
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'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 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'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.
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 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?
I am trying to find a way to load XHTML content in an Iframe.
I use to do this in html by using the following code :
var iframeObject = document.createElement("iframe"); MyDiv.appendChild(iframeObject); var data = "<html><head><title>testing</title></head><body>data</body></html>" iframeObject.contentDocument.open(); iframeObject.contentDocument.writeln(data); iframeObject.contentDocument.close();
This works fine. I can create my content dynamicly and synchroniously. No problem.
No I try to switch to XHTML, but have trouble getting th eiframe to understand that it gets XHTML data. It simply assumes that the data is "text/html". I tried to add the contentType with the .open() arguments:
var iframeObject = document.createElement("iframe"); MyDiv.appendChild(iframeObject); var data = "<!DOCTYPE html PUBLIC "-//W3C//DTD ..etc.. transitional.dtd">" + "<html xmlns="http://www.w3.org/1999/xhtml" > etc etc </html>"; iframeObject.contentDocument.open("application/xhtml+xml", true); iframeObject.contentDocument.writeln(data); iframeObject.contentDocument.close();
The code runs but the content is not seen as xhtml, so I can't mix html and xml. Someone gave me the hint to use the following:
I create an iframe in script and load it with this code.
[Code]...
This should force the loading of the savepages.php file. In that file I do an echo to verify that it is called.
[Code]...
The objective is to call that php function. The javascript function is called. I don't know if the element is actually created. Unlike php javascript doesn't put anything in the source for us to verify. I don't have ajax. How can I make the javascript function call create an element that loads the php file and causes the code in that php file to execute.
You will see that I have three combo box objects on this form - one containing dates (Date) and the other two containing times (Time1 & Time2). Each time on each date is an available appointment.
I would like the content of the date combos to be read from a file whenever the page is opened - a text file with one record per row would be fine (by way of an example - but this may be insufficient). On the face of it this would seem fairly rudimentary but I don't code in JavaScript of PHP and, having found this site I can make a start. I used to be a VB coder.
On each date the following appointment times are available: -
10:00 11:00 12:00 14:00 15:00
This assumes that no appointments on a given day are taken.This leads me to conclude that each date should have records for each time - possibly as a CSV text file as follows: -
"29th May 2009","10:00" "29th May 2009","11:00" "29th May 2009","12:00"
[code]...
The second time combo should make unavailable the time selected in the first time combo and present only those times available on the chosen date in the CSV file on the server.When I confirm appointments, at present I have to edit the page objects and update the web - which is quite messy and slow whereas uploading a simple text file, whilst an imperfect solution, is much better than what I currently have.
I believe that a PHP or Javascript routine based on events on the three objects would remove the inherent problems and would provide a useful set of building blocks for other routines of a similar nature.The routine would trigger whenever the page is loaded (or refreshed) or the content of any one of the three objects gets or loses the focus or a selection is made in an object.
The Date Combo would need to look up the available dates - keeping the currently selected date selected or, if that date is no longer available defaulting to the first date in the list. The user then makes a selection or makes no change to the selected date.The Time1 Combo then reads the available times for that date, retains the currently selected time (if available) or the first available time (if the selected is not available) and the user makes a selection or accepts the current selection.The Time2 Combo does the same as the Time1 Combo and in addition it eliminates the time selected in the Time1 Combo from the available choices.
The result is that visitors are only offered available times on available dates (insofar as this solution provides).When the form is submitted I would receive the email and confirm the appointment with the client and, in addition, I would modify and upload the modified data file to the web server using Filezilla. The benefit is that there is a slim to none chance of two people wanting to book the same times on the same date at exactly the same time (though it is possible). In addition, I can add new dates and add new times if there is a demand and I can even add previously deleted times if there is sufficient demand to warrant bringing in a second consultant to take the meetings.
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
I have here a code that will automatically generate two text fields (Title & Price) when "Add another article" is pressed. I got this from the web, but I want instead of using a text field, I want it to create a drop down menu based on a mysql table, then update the price automatically (also based on the mysql table) on the other text field once a selection has been made on the drop down menu.
could someone please point me in the right direction for creating an AJAX page that displays "live" data from a mysql database? I need the page to update its self every time data changes in a mysql table.
i load a iframe in my main page and upload a image in the iframe. Now i need the data from the iframe i a DIV on the main page. I think that go with $('#iframe').contents().find('#msg'); I dont know to write this Data in a DIV on the main page
I need to execute some code after the page loads. So I'm having the code execute in an iframe. Now, the iframe contains JS vars and/or page elements that I need to use in the parent frame. How can I gain access to either of these in the parent?
I've tried all sorts of combos of frames[0].document.getElementById('name').innerHTML and so forth and I just can't seem to gain access to the document in the iframe from the parent.
I'm trying to communicate between a parent document that is controlled through pure Javascript with an embedded IFrame containing an ASP.NET form. I can quite easily pass data into hidden fields in the IFrame and submit the form to pass data to the ASP.NET application.
Now the tricky part! (at least for me, probably not for everyone else!), how can I set a field in the ASP.NET page (using ASP.NET during a postback), which I can get the value of within the parent Javascript controlled page?
Do you know a dynamic way to send 10kb of text or more using an iframe?
I tried to do that with by creating, in javascript, a dynamic iframe, then create a form into this iframe and put the data in a textarea and then call a sumbit(). Code:
