So I am trying to make a form that will eventually take the user to a specified link. It is a form that uses drop down menus. I based this off of someone elses code (with permission :)), but it shows everything <= user input. I cannot for the life of me figure out how to make it only show only one of the next options.here is the JS code:
<script language="JavaScript">
function ShowMenu(num, menu, max)
{
[code]....
I have a form with a select field. Depending on what is selected in this field, I want to display or not display another select field. For example first field asks the user if they drive, if the user selects "NO" the form doesn't change. If they select "YES", another field appears with different makes to chose from. If they change back to "NO" the second field dissapears again.
View 5 Replies View RelatedThis is probably easy, but I flipped through the first 100 posts and couldn't find a similar question.
I would like to set up a form with multiple radio boxes in a table. The first row containing two selections, second containing 2..... Once the 1st row/column is selected, the 1st row/2nd column automatically displays the information from the first selection.
I am not necessarily looking for exact code on how to do this, just reference points to go to, and preferably suggestions on the best(meaning quickest) language to do this with.
I have a form that collects information about up to 5 items. I would
like the user to be able to select from a drop down menu how many items
for which they want to compare information, and then have the form
change the number of input fields accordingly.
In other words, if the user selects enter info for 3 items, then input
fields for only 3 items are shown, if they change it to 4 items, then a
fourth column shows up in the table with the appropriate input fields.
I'm just starting up in web design and I have an interesting challenge that I'm hoping can be solved w/java script. I have a site with an application form. When the form is to be submitted, the form data needs to be emailed to the correct person to handle that particular application. However, that can't be determined by anything specific in the form. It can only be determined by the link that they clicked on to get to the form. I really don't want to have 22 identical forms with just a different EmailTo addie, which is what the previous site developer did. Someone please tell me this can be done w/java script? If not w/java script
View 4 Replies View RelatedI want a js that will have the user select from a drop down list a venue, then enter their username in one textbox, and password in another, so they're taken to /venue/username/password.html. Eg. If the soccer player frankie has password 1111, he'll be taken to /soccer/frankie/1111.html.My code at the moment is this:
<!-- Begin
site = "http://www.mysite.com.au/photos"; //
function combineMenus(frm, menu1, text1, text2) {
[code]....
Right now I am using the javascript 'prompt' to enter a photoid and the
script that I am using uses document.write
to put the proper image on the page ....i.e. PHOTOID =".jpg"
What I want is a simple user input text area and when submit is clicked a
placeholder image beneath is exchanged for the proper
image based on the user's input.
example: User enters re4555 and the image re4555.jpg replaces the image
nosel.jpg
that I have created which basically says 'no image selected'.
Dear expert (Ok, i am new to this and should maybe not address this as a letter )I hope someone can help me ... this is what i want to achieve (I am using frontpage)I want to create a table (this i can do!) that require a user input (number of guests).It then has SEVERAL options:- Select an option from a drop down list, and a price is then loaded from somewhere to create a total for that option and display it in the table (And keep that total for adding later)- Check a box, and if checked it creates a further calculation, displaying and storing the number for further calculation.a number of the above options, and a grand total on the bottom.I found more or less a page on a site that does what i am looking for, but after looking at the code, i have even LESS of an idea how it works Can someone PLEASE help me, or point me in the right direction?(I am not looking for someone to just write the code for me, as this will not teach me anything, and i want to learn)
View 9 Replies View RelatedThe user writes some text/figures to a number of text boxes (WMSURL , WMSSRS and so on). When the user pushes the "Compile request" button, it should concatenate all the values to one single strind (and it do). Now comes my problem; the concatenated string should appear in the larger textarea (id=textarea), using the onclick for the Compile request button.
Here's the code (partly):
<script type="text/javascript">
<!--
// Function that concatenates the values in the fields to a WMS GetMap query
[code]....
I'm trying to get Jquery's Autocomplete to redirect a user based on their input - according to Jquery, it works like this: An autocomplete plugin can be used to search for a term and redirect to a page associated with a resulting item. The following is one way to achieve the redirect:
[Code]....
It shows an input field when the select value is "dropped". The problem I am having is that if I select "dropped" it will display the input field, but if i select a different value AFTER selecting "dropped" the input field is sill displaying. How would I get it to hide the input field if it is NOT selected?
<!--SHOW/HIDE DIV-->
<script type="text/javascript">
$(document).ready(function(){
$('#dropped').hide();
[Code].....
how can I show / hide the content of sub divs based on whether the input is != or = and be able to repeat this.I tried to hide the sub divs using , onclick if bla bla = '' ;document.getElementById('hideme').innerHTML = ''; which works, but once I try to enter a new input, then nothing happens, even if the content of the sub divs is = input.
View 2 Replies View RelatedI'm having some issues with showing / hiding divs in a form based on radio button input. I'm fairly new to JavaScript so I'm still not 100% on what I'm doing... I have a pretty extensive form with quite a few container divs that are set initially to "display: none" and I need them to be set to "display:block" dependent on radio button input.
For this piece, I need the div with id "SFSCPROJSPONCOMP" to be displayed when the user selects the Radio button with name "PROJSPON" and value "COMP".If someone could provide me with JS code for that example, I can get through the rest of this form with ease.
I've been working on a project and in the form page, when the user types something and clicks on the send button, the data he typed in, does not show in the email client. The form is had validation.
Here is the code
<!DOCTYPE html PUBLIC "-W3CDTD XHTML 1.0 StrictEN"
"http:www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http:www.w3.org/1999/xhtml" xml:lang="nl" lang="nl">
[code]....
I'm trying to create a form where the user enters data in a field and is redirected to a URL based on that entry - example: user enters 1234 and he is directed to mypage.com/1234/index.htm - if that folder does not exist it would give a 'try again' error.
View 18 Replies View RelatedHow would I put this together so,
<input name="input1" type="text">
<input name="input2" value="whatever is typed into input1" type="text">
I would like to be able to type something in input1, and see it type
into input2
here is part of a form I have:
<select name = "pulmonologist" >
<option selected="" value="">---Select---
<option value="none">None</option>
[code].....
I'd like to create a quick and dirty validation method for a form. It's not meant to be very secure.
The way I picture it working is this - there is an input field that asks for a password. If the user types in the password correctly, the "submit" div tag will change from "none" to "block". , which will display the submit button. I just am not familiar with JS enough to know if that's possible.
Here's what I'm starting with:
Code:
I need to pass user input from a form to one database field. I'm relatively new to JS but the idea I had was to have several form elements and use JS to collect the users input and send all the values through a hidden element. What's happening is the variable names are being sent rather than the values. The code below is only passing to the next page. Limitations: I am editing an intranet site built by a 3rd party so a lot of the files we've been given are encrypted. I cannot change the method to post.
[Code]....
I have a page I am working and I am having some trouble with: I need to show and hide areas based on a radio selection. I initally started using the show / hide feature in Jquery but the problem is the elements need to be removed but then put back if the user selects the radio buttonagain as it has form elements that have validaion on them. The validation is still trying to validate the form elements becuase they are still on the page but just not showing. This is the radio group the user makes the selection from:
<input name="terms_usr" type="radio" id="terms_usr_1" value="1"/>
<label for="terms_usr_1">Credit Card</label>
<input type="radio" name="terms_usr" id="terms_usr_2" value="2"/>
<label for="terms_usr_2">C.O.D</label>
[Code]....
I'm now working on kind of invoice form which in it the user can add as much input field as he wants.
The problem is that after adding a new input field - the content in the other fields is deleted.
Code:
I'm trying to make a form that passes a value to a second page that shows either DivA or DivB (using CSS display:none) depending on the value passed.
View 1 Replies View RelatedI was wondering if it's possible to make it so that once a user selects a certain option in a list, it makes the next input for that form change to either a textfield or a list without losing the values entered in the inputs above.I know PHP is a server-side script, does that make this not possible?
View 3 Replies View RelatedBasically I have 3 fieldsets
Field set 1 has 4 selects, for selects 1-3 I wish to show fieldset 2 and hide fieldset 3, and for select 4 i wish to hide fieldset 2 and only show fieldset 3
They all currently have fieldset ids:
fieldset 1 id = choice
fieldset 2 id = server
fieldset 3 id = forum
fieldset 1 currently looks like this:
<fieldset id="choice">
<legend>Service</legend>
<ol>
<li>
[Code].....
I need to grab whatever the user types in an input box and append it to the URL the page is going to, how do I do that?
javascript:var cbobject= document.searchCatForm.inp_searchCat.value; alert(cbobject);
Code:
<form id="searchCatForm" name="searchCatForm" action="catalogue/search?input=" method="post">
<div class="searchField">
<input id="inp_searchCat" name="inp_searchCat" value="Search catalogue"
[Code]....
Let me preface this by saying that I have ZERO experience with Ajax, and have simply copied this code from a blog elsewhere. What is shown below ties to a php file that I developed for a search function on our site. As the user enters their search term(s) in the text input field, the div below is populated with potential results through AJAX. I get all that.
However, I'd like to extend this a bit more. I'd like to enable to user to click the Enter key to follow the URL of the top search result automatically, without having to move their mouse and click on it.
Since I'm using PHP to generate the actual URL, I'm sure I can just send this back as a variable via AJAX, but with my lack of understanding, I thought I'd poke around here for some assistance. Can someone show me how to tweak the code below to accomplish what I'm looking for?
Code:
<script type="text/javascript">
function showResult(str)
{
if (str=="")
[Code].....
I'm less concerned about getting the Enter key to perform the submit than I am about passing the URL variable back to the form via AJAX. I've seen lots of examples of getting the Enter key to behave this way, I just didn't want to muddy up the original code above.