TextFields Based On User Selection - Variables And Objects

Apr 10, 2011

I have 3 TextFields, called txtUSD, txtEUR, txtAUS. And a PopupList with the same values, minus the txt part, but I need to form the names of the TextFields to use based on the selection that the user made. So I've done this:

Code:
function btConvert_Click(event){
var amount = document.getElementById("txtAmount").value;
var rates = document.getElementById("lstConvertTo").value;
var from = "txt" + document.getElementById("lstFrom").options[document.getElementById('lstFrom').selectedIndex].text;
var to = "txt" + document.getElementById("lstConvertTo").options[document.getElementById("lstConvertTo").selectedIndex].text;
var curr_from = document.getElementById(from).value;
var curr_to = document.getElementById(to).value;
if(curr_from > curr_to){
amount * rates;
} else {
amount / rates;
} alert(result);
}

But every time I try it I get this error:
Code:
mobile/main.js line 215: Result of expression 'document.getElementById(from)' [null] is not an object.

View 5 Replies


ADVERTISEMENT

Setting Cookie Based On Checkbox Selection By User?

Jul 23, 2005

I've got the following code snippet in a function to set a coockie based on whether or not the user selects a checkbox. Using an alert the cookie text looks fine but when I go to retrieve the values the only one it can find is the value for user. I've a few different things and none of them seem to work. I'm getting the same thing in both IE and Firefox. The only cookie listed is the 'user' with the proper expiration date. Code:

View 1 Replies View Related

Echo A Variable In A Form Based On User Selection?

Aug 15, 2009

here is part of a form I have:

<select name = "pulmonologist" >
<option selected="" value="">---Select---
<option value="none">None</option>

[code].....

View 1 Replies View Related

How To Update Selection List Contents From A Server Database Based Upon User Data Entry

Jul 23, 2005

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.

View 5 Replies View Related

Checkbox Counting Selection - Function Which Checks 2 Textfields And In Between Checkboxes

Jan 29, 2009

I have a function which checks 2 textfields and inbetween checkboxes like so...

<script type="text/javascript">

I will eventually want "must pick at least 1 and less than 5"...but I can't seem to get the following to work...

View 3 Replies View Related

JQuery :: Show / Hide Elements Or Remove / Add Elements Based On Radio Selection By User?

Mar 14, 2010

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]....

View 3 Replies View Related

JQuery :: (.) Period In Value Field - Show/hide A Div Based Based On The Selection Made Via A Dropdown

Apr 9, 2010

Im using a jQuery script to show/hide a div based based on the selection made via a dropdown.

<script type="text/javascript" src="jquery-1.3.2.min.js"></script>

The problem im having is that the value used in the dropdown lists are price values eg 10.00

Consequently jQuery seems to interprit these as css notations, meaning the code doesnt work.

View 4 Replies View Related

Variables Of DOM Objects?

Jan 5, 2011

I tried to set an onclick event with:

node_a.setAttribute("onClick","visibility_on_off_by_el('"+node_b+"');");

where node_b is a pointer to a DOM object: node_b = document.getElementById("a") The reason I passed a DOM object into a variable, was to avoid searches document.getElementById() each time. However, it will not work. I am confused I cannot figure out if it a a mistake of mine or just the way javascript works.

Could anyone explain why I cannot use variables as DOM objects in order to avoit each time a tree search document.getElementById("a")? Bellow is given the code with explanation when it works and when it fails.

[Code]...

View 2 Replies View Related

How Can We Call Global Variables In The Objects?

May 1, 2006

i am having two global variables and i m setting their values on calling some function. After setting the values, i call a function in an object ...

if MyHint is an object and i am calling the function in it, but i am getting the values of global variables as undefined in the function of object MyHint. Is there any way to access the value of the global variables.

View 4 Replies View Related

JQuery :: UI Elements - Adding Variables To Objects

Sep 7, 2010

I'm making some jQuery UI elements, and once an element is created, I want to add some custom functions and variables - I don't want to clutter up other jQuery objects by putting the functions in all jQuery objects, and obviously, the variables need to be different between different objects. However, the issue is, when I re-acquire the item, I won't have access to the variable any more.

That was probably confusing. Another way of putting it:
(function($){
var _MyUI_id=0;
jQuery.fn.MyUICreate = function(opts){
this.each(function(){
var obj=$(this)

//... code to turn the object into a MyUI object omitted to be concise
obj.MyUI_id = _MyUI_id;
_MyUI_id++;
}}

})(jQuery)
//now, create one
$('#some_div').MyUICreate({});
//The desired effect would be to give me the id in #14, instead I get 'undefined'.
alert($('#some_div').MyUI_id);

My 'solution', is to create an object variable in jQuery.fn called 'Collections'. It's indexes are the names of the new types, and each contains an object, the keys of which are the IDs of the UI elements that are converted to the type, and the values the jQueries objects. This is not only hackish, but it has a LOT of potential bugs. The code for this would look like:

This is in the 'create' function, at the end.
jQuery.fn.Collections.MyUI[obj.attr('id')]=obj;

This is outside of the create function, but within the (function($){...}) scope.
//jQuery.fn.Collections is set to {} in another file.
jQuery.fn.Collections.MyUI={};
jQuery.fn.GetMyUI(id){
return jQuery.fn.Collections.MyUI(id);
}
This will allow the first block of code to work as desired, but it inserts a whole new set of bugs. What are the common ways to achieve what I am trying to do?

View 3 Replies View Related

JQuery :: Filtering Variables That Represent Objects

Jan 20, 2010

I've got a variable that holds a jQuery object. I would like to filter out all of the visible elements in that jQuery object. The problem is once I'm using a variable and not the jQuery object itself I don't know the semantics for filtering it. I have something like this:

var Foo = $("#Bar");
FilterFunction(Foo);
function FilterFunction(Foo) {
var Test = $(Foo + ":visible");
}
What is the correct syntax?

View 2 Replies View Related

JQuery :: How To List Multiple Objects / Variables

Apr 9, 2010

I was wondering how you would list multiple variables after a equal ==?
Example....
if ( pathname == schoolinformation, chaplainchatter)
$('#button_newspress_archive,#button_tech_college,#button_parent_portal,#button_transition_portal,#button_6th_form,#button_connect,#button_vacancies,#button_vle_login').css('display', 'none');
$('#school_information_sub').css('display', 'block');
if ( pathname != schoolinformation, chaplainchatter)
$('#school_information_sub').css('display', 'none');

Or even list multiple URL's within the variables?
Example
....
var schoolinformation = '/st-paul-s-website/school-information/school-news/headteachers-headlines', '/st-paul-s-website/school-information/school-news/chaplain-chatter-headlines';

View 3 Replies View Related

JQuery :: Pass Dynamically Assigned Variables As Objects

Feb 17, 2010

function get_states(country_element,state_element){
countryElementIDHash = "#" + country_element;
stateElementIDHash = "#" + state_element;
$(stateElementIDHash).empty();
var geonameId = $(countryElementIDHash).val();
$.getJSON("[URL]",
{ 'geonameId': geonameId },
function(data) {
if (data.geonames == null) alert('No regions');
$.each(data.geonames, function(i,item){
$(stateElementIDHash).append($('<option>' + item.name + '</option>'));
});
});
}

I'm writing a function to populate a SELECT based on the select value of another SELECT. I can't figure out why this isn't working. It has something to do with not having "'s in my $(). for example: If this function wasn't dynamic.

The code:
$(countryElementIDHash).val(); could simply be
$("#country option:selected").val();
How can I pass dynamically assigned names into a $() ?

View 1 Replies View Related

Multiple Variables From One Dropdown Selection

Feb 13, 2010

Is it possible to pull multiple variables from a single dropdown menu selection?

Example:
I have this:
function material_choices_menu() /* Provides Specific Gravity for various materials */{
var data = "Material <select name='material'>";
data += "<option value='.926'>CYCOLAC MG47 (ABS)</option>";
data += "<option value='1.050'>CYCOLAC MG47MD (ABS)</option>";
data += "<option value='.958'>CYCOLAC T (ABS)</option>";
data += "</select>";
document.write(data);
}

I'd like to have multiple option values:
function material_choices_menu() /* Provides Specific Gravity for various materials */{
var data = "Material <select name='material'>";
data += "<option value1='.926', option value2='.005-.008'>CYCOLAC MG47 (ABS)</option>";
data += "<option value1='1.050', option value2='.005-.008'>CYCOLAC MG47MD (ABS)</option>";
data += "<option value1='.958', option value2='.005-.008'>CYCOLAC T (ABS)</option>";
data += "</select>";
document.write(data);
}

I plan to use the first value in some math formulas to determine weights and the rest of the values will just be shown as data for the user and/or possibly a link to the datasheet for the material selected.

View 6 Replies View Related

User Defined Objects In A String...

Jul 23, 2005

Below is what I am trying to accomplish. I want to have the areas with
+txt+ to have the user defined variable inserted. I can't seem to get
it to work....

View 7 Replies View Related

Second Menu Appear Based On Selection In First One

Apr 28, 2010

I have three dropdown menus (side dish, veggie, fruit). Based on the side dish selected (fruit or veggie), I'd like the fruit or veggie menu to appear automatically, while the one not selected stays hidden. Below is the code for the HTML part. I have no idea how to get started with the javascript.

<head>
<title>Untitled Document</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<label>sidedish
<select name="sidedish" id="sidedish">
<option value="fruit">fruit</option>
<option value="veggie">veggie</option>
</select>
</label>
<label>veggie
<select name="veggie" id="veggie">
<option value="carrots">carrots</option>
<option value="corn">corn</option>
</select>
</label>
<label>fruit
<select name="fruit" id="fruit">
<option value="banana">banana</option>
<option value="orange">orange</option>
</select>
</label>
</form>
</body>
</html>

View 2 Replies View Related

Div To Appear Based On Dropdown Selection?

Aug 2, 2011

Code:
<div id="1">
<asp:DropDownList ID="DD1" runat="server">
<asp:ListItem>option1</asp:ListItem>
<asp:ListItem>option2</asp:ListItem>

[Code]....

I want the div with the id of "option2show" to be hidden unless the user has selected option 2 in the dropdown box.

If the user has selected option 1 then nothing will happen, however iff option 2 has been selected then the option2 div will appeaar. I would like this to happen before any submit buttons are press, so i guess onblur of the dropdown box.

View 3 Replies View Related

Display Img Based On Drop Down Selection?

Jan 7, 2010

I have a simple html form that asks a user to select a state from a drop down list. Later, in the same form, there's a question that needs to display an image of the state they previously selected from the drop down menu. How can I accomplish this using javaScript?

View 12 Replies View Related

Show Image Pop-up Based On Selection?

Apr 3, 2010

On www.vellusiaremyhair.com/order.php I set it up so the larger image shows based on the thumbnail clicked.With JavaScript can I make that "ZOOM" link to the large version of the image that is selected?

View 3 Replies View Related

Select Div Based On Radiobutton Selection?

Jul 14, 2010

How I can select div based on radiobutton selection. I had 3 div with id tag. I renamed it all with sub1, sub2, sub3. I want to make it sub1 as a default .

View 3 Replies View Related

Determine User Selection

Jul 12, 2007

I am trying to pass the slection made by a user to a javscript
function using the onchange event. The problem is I can get the index
but not the actual value. As my list is variable (dependent on a db)
I cannot hard code to a static index. I either need a way to
determine the number of items in a select control or a way to
determine the actual selection made by the user.

Can anyone enlighten me as to the code to determine what option the
user selects?

View 3 Replies View Related

Script Drag And Drop Where User Chooses Which Objects Are Present?

Aug 24, 2011

There is a website based game I would like to build, but I am not sure that the main functionality would be possible to program. I have tried to do as much research as possible. I know that javascript can do drag and drop, but would it be possible for the user to specify which images (out of a catalogue of thousands) they would like to be present on screen/toplay with?

It would need to work like this: The user is presented with a catalgoue of images. They can refine this catalogue according to things like colour, type etc. The user chooses which images they would like to play with by adding them to their personal choices (e.g. with an 'add this item' button). In the next step the user is taken to a page showing all the items added to their personal list, which they can then drag and drop around the screen. The user can then save/share their 'creation'.

View 4 Replies View Related

JQuery :: Filling Combos Based On Selection?

May 2, 2011

I have one combo (select) called "uso_buque". Then I have two more combos the first one called "tipo_uso" and the second called "zona_uso". I have a $.ajax call wich make a call to a PHP method. This PHP method based on "uso_buque" selection returns two differents arrays in JSON format. This one for example:

["Pesca con Cordeles","Pesca con Palangre","Pesca con Nasas","Pesca con Chinchorro","Pesca con Filete","Pesca con Redes","No Aplica"]
["MAR TERRITORIAL Z.E.E ORIENTAL","DEPENDENCIAS FEDERALES","AGUAS INTERNACIONES","No Indica"]

Then I need to fill "tipo_uso" with first array data and "zona_uso" with the second one but not know how to do this.

View 2 Replies View Related

Hiding Dropdown Menus Based On Selection

Sep 8, 2010

i am building a website form which I would like the user to select a product of interest. Some products are three tiered and some are two tiered.

1. Example of three tier (3 dropdowns required only):Scooters (dropdown 1)Three Wheel Scooters (dropdown 2)
Delux 503S Bird Scooter (dropdown 3)

2. Example of two tier (2 dropdowns required only):Standing Bikes (dropdown 1)Children 300 Series (dropdown 2)

If the user wants to submit their interest for one of the products, I need to have at most 3 dropdown menus. So in Example 1, I would have 3 dropdowns in my form. Dropdown 1: Scooters Dropdown 2: Three Wheel Scooters Dropdown 3: Delux 503S Bird Scooter.In Example 2, I would only need to use the first 2 dropdown menus. (Obviously the first dropdown would contain 'Scooters' and 'Standing Bikes' in the menu list)I would like to alter the code so that the second and third dropdowns are hidden until a selection from the first drop down is made. Once for example, 'Standing Bikes' is selected from the first dropdown menu, the second dropdown menu appears and the third remains hidden due to the fact that it is not required. If I selected Scooters from the first dropdown menu, the second dropdown would appear listing all items associated with this and at this point the third dropdown menu is hidden. If i select 'Three Wheel Scooter' from the second dropdown the third dropdown menu now appears listing all Three wheel Scooters such as 'Delux 503S Bird Scooter'.

View 2 Replies View Related

Display Of Table Based On Drop Down Selection?

Nov 17, 2010

This code is able to display a table and show me state, County, Genus and GenusCount and also it shows when I select option as All for Counties in my drop down. it can based on which it can change my table and give me State, all the Counties, its Genus, GenusCount but when I select a particular County and then select for genus in my drop down menu. It is not working correctly. This is my code.http://paste.flingbits.com/m58f9160Example: If I select `Tennessee->Anderson->All` it should display in tables

<pre>
_____________________________
|State |County |Genus |

[code]....

View 1 Replies View Related

Appear / Disappear Text Box Based On Selection From A Dropdown

Mar 25, 2011

I have a page on which I have 2 dropdowns. Both are similar. I have a piece of code that whill make a textbox appear if we select "list Box" as the option in the drop down. But for some reason, the first dropdown works fine, but for the second dropdown, the textbox is always there on page load. The code that I am presenting can be copied as a HTML page and you will know what I am referring to.

<html>
<script type="text/javascript">
function showfield(name){
if(name=='lstbox')document.getElementById('div1').style.display="block";
else document.getElementById('div1').style.display="none";
}
function hidefield() {
[Code]...

View 2 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved