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
I know that Javascript is client side, but I'd like to know the best way to populate HTML drop downs in real time based on information typed in the other HTML form fields with information found on the server as opposed to the client.For instance if a user wants to select certain files located in a directory on the server, as they type in the pathname supposedly containing the files the drop downs continually refresh themselves with the server files listed in that directory (if it exists, and apache has permissions to see what's inside) as if it was showing client files instead.
What would be nice is if my browser could continually query the server for some of its private information and not have to refresh itself to obtain it, whether that means the server-side would have to continually refresh itself makes no difference to me as long as the client-side doesn't have to. But I guess this is not possible because no matter what you would have to at least refresh the client-side page once?Submitting the form to a CGI or PHP script would not work because I need this functionality to help populate the form BEFORE I send it.I would like to not have to press a button to update the form every time I change the pathname and need to update the drop downs since this would be annoying.
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'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'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 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 certain features that use Jquery implemented in my website. I guess my hosting service does not offer support for jquery so I get these error messages when running the site.
Message: 'nodeName' is null or not an object
What do i need to do to make this work with my website?
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.
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 RelatedIm 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 using MYSQL to store articles. I wanted to present the articles in order by id, then let the user choose one of them and send the id of the article to another php page for processing, using ajax. To do so i have placed a simple form in the articles. like so:
$result = mysql_query("SELECT * FROM articles ORDER BY id DESC")
or die(mysql_error());
while($row = mysql_fetch_array($result)){
{code}....
how to submit forms from one page to another page?
View 9 Replies View Relatedi have two forms(form1 and form2) on my html page.
question1 : can i access form 1 variables in form 2?. if so how?
question 2: when form2 action is saveci.jsp . can i access form1
variables in saveci.jsp. if so how?.
basically when form2 is submitted, form1 variables should be accessed
in the jsp which processes form2.
I am currently designing an HTML page with a form with a post method.
The page is calling itself so with the details that are passed will
vary how the page will look i.e. number of results from the sql query
that is being run. I'm trying to catch these using a javascript
function which is:
var qsParm = new Array();
function qs() {
var query = window.location.search.substring(1);
document.writeln(query);
var parms = query.split('&');
for (var i=0; i<parms.length; i++) {
var pos = parms[i].indexOf('=');
if (pos > 0) {
var key = parms[i].substring(0,pos);
var val = parms[i].substring(pos+1);
qsParm[key] = val;
}
}
}
and then just calling the array to get the value, in this case
qsParm['num_res']. The above function doesnt work for post but does for
get. I'm fairly new to javascript and am assuming this line is at
fault:
var query = window.location.search.substring(1);
but I'm not sure what it should be.
I am trying to create an HTML form in which user will enter different items (he wants to purchase) in text fields. One text field is used for one item. Now it is not known in advance how much items the user will purchase so we cannot decide the total text fields required in advance. Is is possible to increase the number of text fields (using JavaScript) one by one if the user requires more fields
View 4 Replies View RelatedIs it possible to add additional data to the forms plugin options before submitting an ajax form, this would be only setting the data option after setting the main submit options previously in an object?
View 3 Replies View RelatedI'm having some trouble naming variables in javascript. Actually, my html has multiple form names (form, form1, form2, etc..., and im just having trouble understanding how to access elements within.For example: I get error:Message: 'document.forms.form.bname' is null or not an objectWhen I use the following code:
var bname = document.forms["form"].bname.value;
And when I try this:
var bname = document.form.bname.value;
I am a newbie trying to generate an alert message when a user leaves a username filed blank in an html form using an external javascript. Following is the code for html file.
[Code]....
However, if I swap the positions of the username and first name i.e. place the first name before the username, I do get an alert message if the first name is left empty. I do not wish to hijack an existing thread. Please let me know if there is an existing thread on this issue..(I could not find one).
Is there a specific tag in html so as to make a field behave as a date picker in a form?
View 6 Replies View RelatedThis question may appear opposite of most, but I'm learning JS using a book and I can't understand why/how this particular code works. I'm working on simply retrieving and passing information to and from html forms. This is a very simple script that will change what is selected in the drop down box depending on a button push.
Here is the script:
Code:
function flip(pizzatype) {
if (pizzatype.value == "Veggie Special") {
document.forms["pizzaform"].topping.value = "veggies";
} else if (pizzatype.value == "Meat Special") {
document.forms["pizzaform"].topping.value = "meat";
} else if (pizzatype.value == "Hawaiian") {
document.forms["pizzaform"].topping.value = "hampineapple";
}}
And here is the form's html:
Code:
<form id="pizzaform" action="#" onsubmit="return false;">
<p>
<input type="button" name="veggiespecial" onclick="flip(veggiespecial)"
value="Veggie Special"/>
<input type="button" onclick="flip(meatspecial)" name="meatspecial"
value="Meat Special" />
<input type="button" onclick="flip(hawaiian)" name="hawaiian"
value="Hawaiian" />
</p>
<p>Main Topping: <select name="topping">
<option value="cheese" selected="selected">Cheese</option>
<option value="veggies">Veggies</option>
<option value="meat">Meat</option>
<option value="hampineapple">Ham & Pineapples</option>
</select></p>
</form>
The way I see it is the button onclick will call the flip function and pass it a var, for example "veggiespecial". I understand the code that will perform the actual change on the drop down menu. What I don't understand is the if statement.
if(pizzatype.value == "veggiespecial")...
Shouldn't it be just (pizzatype == "veggiespecial")?
Why does it have to be pizzatype.value? Where the heck does the .value come from???
I'm wanting to make a search function in a limited way.
The following code sends the input text to a page where the script processes it, no problem
Code:
I would like to have text automatically added to the input.
Example: I have a site I want to be only about things that are red.
Someone inputs "table" and the text "red+table" is sent to the search page.
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]......
