If I have an array like:
secondGroup[1][1][1] = new Option("Name","Name");
secondGroup[2][1][1] = new Option("Age","Age");
thirdGroup[1][1][1][1] = 'jim'
How do I print 'jim' into a text field when Name is selected from the
secondGroup drop down menu?
I know very little javascript and need to use it to pt a banner across a page, where it is pulling from values a customer puts in the backend.Here is the javascript: Code:
View 4 Replies View RelatedSee attached mock-up of my site's order table... if I can figure out how to upload an image... [IMG] The user is allowed to change the quantity of items (input fields in the green box) to select which suppliers to order from, and based on this the values in the red boxes should be calculated. It should be a simple problem of multiplying quantities by prices and summing across suppliers for each product... but I want to do it in javascript without reloading the page : )
All values are taken from my database and stored in a php associative array - which seems to be the main complicating factor as it's quite a deep one. $products[13789]['sellers'][3]['products_price'] = 16.99 How would you guys tackle this? Are there any examples/tutorials out there you can point me to?
I am having a problem with the last results. I can't seem to be able to
get the input2A and input3A to appear. I don't seem to have a problem
with the show and hide after a number is entered and submitted. If
anyone can answer my problem I will be greatly appreciated with a
prize. I actually have submitted it more than once and I haven't had
anyone been able to answer it yet. Code:
I'm working on a page generated by PHP, and all the form fields are named as b[fieldname]. (e.g. <input type=text name='b[name]' value='Adam'>). Javascript seems to barf on this (document.formname.b[name].length is undefined ). Is there any way to get this to work with arrays, or do I just need to use those fields referenced in the js as non-arrays?
View 2 Replies View RelatedWhy wont this work? checkFields() iF statment is failing. The select must be set to multiple.
<form method="POST" action="" name="this_form" onSubmit="return checkFields();">
<select name="this_select[]" multiple>
<option value="ts1">ts1</option>
<option value="ts2">ts2</option>
<option value="ts3">ts3</option>
<option value="ts4">ts4</option>
</select>
</form>
<script language="Javascript">
<!--
function checkFields(){
var errormsg = "";
if (document.this_form.this_select.value == "") { var errormsg = errormsg + "Please Select an Value.
"; }
if (errormsg != "") { alert(errormsg); return false; }
}
//-->
</script>
Any suggestions on how the javascript below should be changed so it will work with checkboxes that have brackets in the name? (I'm using foreach in php, and can't seem to get the php to work/work correctly without using them.)
View 3 Replies View RelatedI tried to get this to work for so long now, I have a form which will have generated fields - ultimately becoming HTML arrays, yet I can't seem to get it to work right wiht Javascript, the code is below, but JS gives me an error saying "area[0] is not defined.HTML format:
Code:
<div id="texts">
<div class="textCount">
[code].....
i have a form with arrays, I want to sum different arrays and display the total in a array field in the form itself.i have this code
<form>
do {
$x++;
[code]....
need urgent help with javascript arrays. I need to store the checked value of the radiobutton into an array and then display the result from that array.I have created an empty array to store the input from the textbox of the form using the JS insert() function and then used show() function to display the result... but I am unable to display which option the user has selected from the radiobutton.if you look at it in the browser, and type in a name in the name textbox and click submit....it displays the result (which was stored in the inputarray) but the radiobutton doesnt work...gives.."undefined" and should give either Male or Female, depending on what the user selects.
View 2 Replies View RelatedINTRO: I tried to clean it up for easy reading. I hope I didn't make
any mistakes.
PROBLEM: WOW, this is some crazy sh!t. I can't get my checkbox (see
"TAGSELECTED") to print my textboxes (see "TAG#") when more than 1
number (see "VLANS") is inputed into my form.
QUESTION: How do I make my dynamic form have a dynamic input box(which
is created by checking the checkbox and calling the functionC1) inside
it and still be able to pass the values to my php page? Code:
I have made a script where you can add extra fields, and next to the row is a span that automatically displays the outcome from a calculation of three fields in that row. i.e. Q x (B - A) = total. Here is the bit that does the calculation:
function advCalc(selected) {
var result = Number(document.formmain.elements["quantity"+selected].value) * (Number(document.formmain.elements["provideamount"+selected].value) - Number(document.formmain.elements["supplyamount"+selected].value)) ;
[Code]....
I'm working on a script that will produce multiple dynamic forms based on the results of an ajax request. The ajax request does a db query that will return 0 to x number of rows. For each row, a new serialized form is created. Since the forms do not exist at page load, I'm having problems getting the value of the form elements so that I can run other functions on them (update inputs and selects). I've stripped down everything so that I can show a basic example. In the example, how would I get the value of "#orderID"? The body contains a div (previousList) that has a list of items that when clicked will trigger the ajax query. It also has a div (line details) that will hold all of the forms that are generated.
<div id="lineDetails">
check it out </div>
<div id="previousFrm" class="ui-widget-header ui-state-highlight ui-corner-all">
<h3>Previous Returns/Cancels</h3>
<div id="previousList">
<ul class="previous" id="returnList">
<li id="1000997" class="names">1000997: 101853</li>
<li id="1000995" class="names">1000995: 101853</li> .....
But callingconsole.log("order line value is " + $("#orderID").val());
results in 'undefined'.
I have a site that has dynamically generated forms with multiple submit buttons. My forms are like this, created using PHP and inserts different user names on the same page:
[Code]....
The member name goes into the JavaScript to variable: member. The Problem: is when this JS tries to submit the form called "john" for example, it searches for a form called "member" instead and it fails. Is there any way to fix this? I'm sure there is a way to deal with this kind of issue but I don't know it yet.
I am using DW8 (I've read some comments about DW here, but its helping me to learn how to code beter), in creating a contact page I have the following
<body>
<script type="text/JavaScript">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
//-->
</script>
<form name="form1" id="form1">
<select name="contactType"
<option value="" selected="selected">Choose Type</option>
<option value="/pgs/generalquestion.htm">General Question</option>
<option value="/pgs/orderquestion.htm">Ordering Question</option>
<option value="/pgs/techquestion.htm">Technical Question</option>
</select>
</form>
</body>
The links (ie "/pgs/genuestion.htm") do send to the correct page. However, I would like the form to 'dynamically' appear under the list menu based upon which selection is made instead of directing to a new page. --- Each contact form would contain the same info ie. name, comment textarea etc., but the three different types (gen, order, tech) would be sent to separate emails ie gen@domain.com, order@domain.com... respectively.
function AddBlock() {
I have a dynamic form that allows the user to click an 'add' button to
add extra groups of input fields. These fields are name, phone, and
type.
Let's say that a user enters one Point of Contact, then wants to enter
another by clicking the 'add' button. I want to save the previously
entered data into an array structure. I'm having trouble with the below
snippet of code:
// Save previously entered data here
var formObj = document.dynoPoc;
for (i=0,j=0; i<loops; i++) {
data[j] = formObj.POC_name[i].value;
j++;
data[j] = formObj.POC_phone1[i].value;
j++;
data[j] = formObj.POC_type[i].value;
j++;
}
What I expect to happen for the very first line of the loop is that the
line 'data[j] = formObj.POC_name[i].value;'
gets evaluated to 'data0 = formObj.POC_name0.value;'. What seems to be
happening is 'data0 = formObj.POC_name.value;'.
This causes an error because there is no input field named 'POC_name'...
they're called 'POC_name0, POC_name1, ...POC_name[n] depending on the
number of times you click the 'add' button.
Here's my situation:
I want to loop through a set (10) of similar named form elements to check if they are blank:
for (i = 1; i <= 10; i++)
{
if (document.form1.firstname??.value=="")
{
alert("A FIRST NAME is required to proceed");
document.form1.firstname??.focus();return false
}
}
My question is how do I refer to the loop variable "i" in location "??"
I wanto make a custom slideshow generator, and that users can add their image links. Now the problem is i don't wan't to limit my users to let's say 5 iage links, i would like to make somthing that will alow them to add as much input fields as they won't and then when they submit that they get the proper slideshow code with as those fields. so if anybody now's how to do this i would me more thank thankfull.
View 4 Replies View RelatedCode:
formedit.field.value
with this piece of code, i can access a value of a field inside a form. problem is, when i loop, i do this in naming my forms
formedit_1
formedit_2
etc..
on my link, i do this
<a href="jsscript(id)">
but i cant access the proper value. what i would like is that if i pass id=2, then the value from formedit-2 will be taken, if i pass id=1, then the value from formedit_1 will be taken. but i cant make it.. i tried this
var test = 'formedit_' + id;
alert(test.field.value);
I have a page generate by ASP and I want to validate the form value.
Generated page by ASP :
<form method=post action="<%=strPrgName%>" name="OrderForm">
<% for i = 1 to itemcount %>
Name : <input name=toname<%=i%> onBlur="validateName(this)">
<% next %>
<input type=submit value="View">
For example itemcount = 2, html code will be like this :
<form method=post action="<%=strPrgName%>" name="OrderForm">
Name : <input name=toname1 onBlur="validateName(this)">
Name : <input name=toname2 onBlur="validateName(this)">
<input type=submit value="View">
Javascript :
<script language="JavaScript">
function validateName(field)
{
var val = field.value;
if(!/[a-z]/.test(val)||val=="")
{
alert("Format name wrong !");
field.focus();
field.select();
}
}
</script>
I got this script and modify it, the original code for validating number only. My need is this script validate the form to check if input only alphanumeric (a-z, A-Z, "," and ".").
How can I copy an entire row with, let's say 5 columns, by clicking any of the cell from the row, to a form that has 5 input text...each cell from the row i have clicked must be copied to each input text...?
View 1 Replies View RelatedI am using ASP to dynamically generate a series of forms. When the
page is loaded, everything appears to be correct, except that the
first form generated fails with a "FormName is Null or not an Object"
error. Each subsuquent form created by the code after that works
perfectly. Why is it that the first form, generated with exactly the
same block of code, fails? Code:
Here is my options select from my form. Its dynamically generated with php.
Code:
<select id="upgrade[]" name="upgrade[0]" onchange="javascript:calTotal(this);">
<option value="1">1</option><option value="2">2</option>
</select><br />
<select id="upgrade[]" name="upgrade[1]" onchange="javascript:calTotal(this);">
<option value="1">1</option><option value="2">2</option>
</select><br />
<select id="upgrade[]" name="upgrade[2]" onchange="javascript:calTotal(this);">
<option value="1">1</option><option value="2">2</option>
</select><br />
Using javascript I want to get the selected value. Here is what I have, but its getting no where:
Code:
function calTotal(aVar)
{
var c = document.getElementsByName(aVar);
c = c.length ? c : [c];
for(var i=0; i<c.length; ++i)
{
if(c[i].value==1)//I am getting undefined here
{
}
}
Is there a way to loop through an array of option selected like the one I have here?
Im trying to work out a way of entering the contents of a div (which changes regularly) into a form field when it is focused on.The issue is that the div containing the text value is in an iframe of a php file (gallery.php).The div (#lbBottom) text contents that I need to use is the caption of the current photo open with a light-box style jquery plugin (slimbox). The gallery is formed using the php and needs to be in an iframe to align the light boxcorrectly. #lbBottom is generated by title="Code: $alttag1" and give a result of Code: +the current photo number. Ideally it is just the photo number (last 2 characters) that I need but the contents of the div will do!
GAME HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>[code]..........
is there a way to ask if the #FORM.fieldname# exist to proceed with the next one ? FYI : StartDateName22 is a dynamic generated textbox i am using the following code :
<cfif not isDefined (#FORM.StartDateName22#) or #FORM.StartDateName22# or EQ "" >
<cfoutput>
Elemnt 2,2 is not defined
</cfoutput>
<cfelse>
<cfoutput>
[Code]...
I have a php file with an almost-standard html form. The not-so-standard part is that the name-attributes of the form elements are dynamically generated as such:
<? for($i=0; $i<5; $i++) { ?>
<input type="text" name="field_<? echo $i; ?>" />
<? } ?>
Now I want to do some javascript validation on the fields, but I'm having a bit of trouble accessing the values of the fields. My current code is as follows:
[Code]...