|
JavaScript - Compare Parts Of Two Fields
I would appreciate assistance with the following case. Thank you in advance.
I have two fields with values, e.g. Field1: 123456-1- 01 Field2: 01 -0001 I need to compare the last two digits of Field1( 01 ) against the First two digits of Field2 ( 01 ) I would assume OnChange moving from Field2. If the two do not match throw an alert. Thanks!! Similar TutorialsThe page loads and existing data is put in their correct fields. When I click 'add more' to add more fields to the form it does so and I am able to add new data. If on adding a new fields and its data I click 'add more' again it clears out the recently added data from the fields. The existing data that was present when the page first loaded is still their but all the new fields added data is cleared. how can I get it so the data stays, like in phpmyadmin when adding new fields. JS Code: function addmore(addwhat) {
// count existing boxes to find out next number to use.
// ?
if (addwhat == 'addresses') {
fieldid = 'addressesdiv';
}
if (addwhat == 'namesnumbers') {
fieldid = 'namesdiv';
}
var dv = document.getElementById(fieldid).innerHTML;
var lines = dv.match(/<br>/ig).length;
if (addwhat == 'addresses') {
document.getElementById('addressesdiv').innerHTML += '<textarea name="address' + lines + '" cols="30" rows="2"></textarea><br>';
}
if (addwhat == 'namesnumbers') {
document.getElementById('namesdiv').innerHTML += '<textarea name="name' + lines + '" cols="30" rows="2"></textarea><br>';
document.getElementById('mobilesdiv').innerHTML += '<textarea name="mobile' + lines + '" cols="30" rows="2"></textarea><br>';
}
}
PHP Code: <?
if ($_POST['Submit'] == 'Submit') {
echo("sent<br>");
for ($c = 1; $c <= (count($_POST)-1)/2; $c++) {
echo("name" . $c . " = " . $_POST['name'.$c] ." mobile" . $c . " = " . $_POST['mobile'.$c] . "<br>");
}
}
$customer_id = "11";
// get existing data.
// if not yet sent get data from databases
$ok = "no";
if ($_POST['Submit'] != "Submit") {
echo("<br>not sent<br>");
$res = db_query("SELECT * FROM `customer_client_names` WHERE `customer_id` = '". $customer_id ."'");
$maincount = mysql_num_rows($res);
echo("<br>number of clients = ".$maincount."<br>");
for ($c = 1; $c <= $maincount; $c++) {
$_POST['name'.$c] = mysql_result($res, $c-1, "client_name");
$_POST['mobile'.$c] = mysql_result($res, $c-1, "client_mobile");
echo("cn = ".$_POST['name'.$c] . " cm = ".$_POST['mobile'.$c] . "<br>");
}
} else {
// display last posted info
echo("<br>sent<br>");
$ok = "yes";
// check if info was entrted correctly or not.
for ($c = 1; $c <= ((count($_POST)-1)/2); $c++) {
if ($_POST['name'.$c] != "" && $_POST['mobile'.$c] == "") {
echo("<br>" . $_POST['name'.$c] ." was not given a mobile number<br>");
$ok = "no";
$maincount ++;
}
if ($_POST['name'.$c] == "" && $_POST['mobile'.$c] != "") {
echo("<br>" . $_POST['mobile'.$c] ." mobile was not given a name<br>");
$ok = "no";
$maincount ++;
}
}
}
if ($ok == "no") {
?>
<form name="form1" method="post" action="?ac=<?=$menu_item;?><? echo("&phpsession=" . $phpsession); ?>">
<div style="width: 850px;">
<div id="namesdiv" style="float: left; padding-right: 10px;">Client's Names<br>
<? for ($c = 1; $c <= ((count($_POST)-1)/2)+1; $c++) {
if ($_POST['name'.$c] != "" || $_POST['mobile'.$c] != "") {
?>
<textarea name="<?='name'.$c;?>" cols="30" rows="2"><?=$_POST['name'.$c];?></textarea><br>
<?
}
} ?>
</div>
<div id="mobilesdiv" style="float: left;">Client's Mobile numbers<br>
<? for ($c = 1; $c <= ((count($_POST)-1)/2)+1; $c++) {
if ($_POST['name'.$c] != "" || $_POST['mobile'.$c] != "") {
?>
<textarea name="<?='mobile'.$c;?>" cols="30" rows="2"><?=$_POST['mobile'.$c];?></textarea><br>
<?
}
} ?>
</div>
</div>
<br style="clear: both;">
<a href="#" onClick="javascript:addmore('namesnumbers'); return false;" >Add more</a>
<input type="hidden" name="customer_id" value="<?=$customer_id;?>">
<input type="submit" name="Submit" value="Submit">
</form>
<?
}
?>
I type something on the current textarea/input and all the values get removed after I add another field. Is there a solution? Code: <script language="Javascript" type="text/javascript">
<!--
//Add more fields dynamically.
function addField(area,field,limit) {
if(!document.getElementById) return; //Prevent older browsers from getting any further.
var field_area = document.getElementById(area);
var all_inputs = field_area.getElementsByTagName("input"); //Get all the input fields in the given area.
//Find the count of the last element of the list. It will be in the format '<field><number>'. If the
// field given in the argument is 'friend_' the last id will be 'friend_4'.
var last_item = all_inputs.length - 1;
var last = all_inputs[last_item].id;
var count = Number(last.split("_")[1]) + 1;
//If the maximum number of elements have been reached, exit the function.
// If the given limit is lower than 0, infinite number of fields can be created.
if(count > limit && limit > 0) return;
//Older Method
field_area.innerHTML += "<li><textarea id='steps' name='steps[]' rows='5' cols='40'></textarea><br /><input id='steps_image' name='steps_image[]' /></li>";
}
//-->
</script>
<ol id="steps_area"><li>
<textarea id='steps' name='steps[]' rows='5' cols='40'></textarea><br /><input id='steps_image' name='steps_image[]' />
</li>
</ol>
<input type="button" value="Add" onclick="addField('steps_area','',15);"/>
Hi I am trying to get the url parts using javascript my url looks like this http://domain/#/Home I need to get the "Home" piece of the url I tried window.location.pathname but it only returns / can anybody help? If I wanted to extract certain parts of the URL... how can I do this? I know how to extract the entire URL or just the search query but what if i want to do this /boxscore.asp?w=2&s=4&yr= Just extract the numbers 2 and 4 from the url. I want to make a new link for this site I am on to plug those 2 numbers into here /game.asp?gnum=2&gslot=4 That's basically what i want the new window to read. Hello all, I'm trying to lern javascript, but my knowledge doesn't cover what I want, so I could use some help. I'm trying to make a lotto check form for our family. What it as to do is check the numbers(B) with numbers(A) Code: <SCRIPT TYPE="TEXT/JAVASCRIPT">
// Check lotto
function checkLotto() {
var goed = frmTrekking.EersteGetal.value
var fout = frmGetallen.Opgegeven_1.value
if (frmTrekking.EersteGetal.value == frmGetallen.Opgegeven_1.value) {
document.getElementById('boldStuff').style.color='#00ff00';
document.getElementById('boldStuff').innerHTML = goed;
}
else {
document.getElementById('boldStuff').style.color='#ff0000';
document.getElementById('boldStuff').innerHTML = fout;
}
}
</script>
Code:
<body onload="checkLotto();">
<form id="frmGetallen" name="frmGetallen" method="post" action="">
<table width="100%" border="0" cellspacing="5" cellpadding="5">
<tr>
<td width="9%"><strong>A</strong></td>
<td width="6%"><strong>Naam</strong></td>
<td width="10%"><strong>1</strong></td>
<td width="10%"><strong>2</strong></td>
<td width="10%"><strong>3</strong></td>
<td width="10%"><strong>4</strong></td>
<td width="10%"><strong>5</strong></td>
<td width="10%"><strong>6</strong></td>
<td width="10%"><strong>7</strong></td>
<td width="10%"><strong>8</strong></td>
<td width="10%"><strong>9</strong></td>
<td width="10%"><strong>10</strong></td>
</tr>
<tr>
<td><strong>1</strong></td>
<td><strong>Joop</strong></td>
<td><b id='boldStuff'><input name="Opgegeven_1" type="hidden" id="Opgegeven_1" value="6" size="5" /> </b></td>
<td><b id='boldStuff'><input name="Opgegeven_2" type="hidden" id="Opgegeven_2" value="8" size="5" /></b></td>
<td><b id='boldStuff'><input name="Opgegeven_3" type="hidden" id="Opgegeven_3" value="16" size="5" /></b></td>
<td><b id='boldStuff'><input name="Opgegeven_4" type="hidden" id="Opgegeven_4" value="18" size="5" /></b></td>
<td><b id='boldStuff'><input name="Opgegeven_5" type="hidden" id="Opgegeven_5" value="26" size="5" /></b></td>
<td><b id='boldStuff'><input name="Opgegeven_6" type="hidden" id="Opgegeven_6" value="28" size="5" /></b></td>
<td><b id='boldStuff'><input name="Opgegeven_7" type="hidden" id="Opgegeven_7" value="32" size="5" /></b></td>
<td><b id='boldStuff'><input name="Opgegeven_8" type="hidden" id="Opgegeven_8" value="36" size="5" /></b></td>
<td><b id='boldStuff'><input name="Opgegeven_9" type="hidden" id="Opgegeven_9" value="38" size="5" /></b></td>
<td><b id='boldStuff'><input name="Opgegeven_10" type="hidden" id="Opgegeven_10" value="41" size="5" /></b></td>
</tr>
</table>
</form>
<form id="frmTrekking" name="frmTrekking" method="post" action="">
<label></label>
<table width="58%" border="0" cellspacing="5" cellpadding="5">
<tr>
<td width="7%"><strong>B</strong></td>
<td width="10%"><input name="EersteGetal" type="text" id="EersteGetal" value="6" size="5" /></td>
<td width="10%"><input name="TweedeGetal" type="text" id="TweedeGetal" value="12" size="5" /></td>
<td width="10%"><input name="DerdeGetal" type="text" id="DerdeGetal" value="20" size="5" /></td>
<td width="10%"><input name="VierdeGetal" type="text" id="VierdeGetal" value="32" size="5" /></td>
<td width="10%"><input name="VijfdeGetal" type="text" id="VijfdeGetal" value="5" size="5" /></td>
<td width="10%"><input name="ZesdeGetal" type="text" id="ZesdeGetal" value="15" size="5" /></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</form>
What I have now is the check between 2 numbers, I need to have it checked all, so all the B numbers have to be checked with all the A numbers. I think i'll need a sort of loop in a array, but I really don't know how to do this. Can somebody help me with this please? I have 2 arrays and I would like to compare the 2 arrays. If an element in array 1 is NOT in array 2 then I would like to display that element. In this case, I should only display the letter "c" but it doesn't work and I don't know why?? Here's my code: Code: <html><head>
<script type="text/javascript">
function getValue(id){
var x=new Array("a","b","c","d","e");
var y=new Array("a","b","3","d","e");
var str="";
for (var i=0; i<x.length; i++){
for (var j=0; j<y.length; j++){
if (x[i] == y[j]){
break;
}else{
//Check if reach the last element in the array 2
//If yes, then display that element in array 1 b/c not in array 2
if (y[j] == y.length-1){
str += x[i];
}
}
}
}
document.getElementById(id).innerHTML = str;
}
function init(){
getValue("info");
}
</script>
</head>
<body onload="init()">
<h2 id="info"></h2>
</body>
</html>
hi i have two arrays and i need to know which strings are in both arrays. i know how to do the bit if the string is in both but i don't know how to compare them as such. thanks Hi All, I'm trying to convert a string based on the contents of another string. For example, I have two strings - "Purple" and "Orange" and a variable "P" - I want the script to look at the word "Purple" and everytime is sees the letter "P", assign this to a third variable (result variable) - if the letter it's looking at is not a "p", I want it to take that character from "Orange" and add it to the result string. So the result would be "Prapge". This is the code I have so far, and it doesn't work, absolutely stumped as to why ... Code: function fillInChar(targetString, otherString, newChar)
{
var splitTarget = targetString.split('');
var splitOther = otherString.split('');
var resultArray = newArray(splitTarget.length);
var holdVar = '';
for (var position = 0; position < splitTarget.length; position = position + 1)
{
if (splitTarget[position] != newChar)
{
var holdVar = splitOther[position];
resultArray[position] = holdVar
}
else
{
resultArray[position] = newChar
}
}
return resultArray
}
document.write('IF VISIBLE - LOOP IS VIABLE' + '<BR>')
var testVar = fillInChar('purple', 'orange', 'p');
document.write('HELLO WORLD!!! .... ' + testVar);
Hi is it possible to compare 2 php variables with javascript and hide-show a div according to the result? lets say php variables are Code: $a $b and if ($a > $b) show the div can anyone please help me to do this? Sorry for language errors Thanks I want to compare items based on what the user picks there will be 3 drop down menus and the drop down menus should alter the HTML table each time it is changed, giving different option values and stuff. I am wondering how to go about this I have the basic stuff setup but I am not really sure how to add to a table that all 3 options use. Any help would be greatly appreciated. Here is my current code for the drop downs. Code: <form name="compare"> <select name="compare"> <option value="V1">Value 1</option> <option value="V2">Value 2</option> <option value="V3">Value 3</option> <option value="V4">Value 4</option> </select> <select name="compare2"> <option value="V1">Value 1</option> <option value="V2">Value 2</option> <option value="V3">Value 3</option> <option value="V4">Value 4</option> </select> <select name="compare3"> <option value="V1">Value 1</option> <option value="V2">Value 2</option> <option value="V3">Value 3</option> <option value="V4">Value 4</option> </select> <input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="Compare"> </form> I want the user to select one of the options from above and a table to show up showing the differences between the others for example; someone selects Value 1 for compare, and Value 2 for compare 2, and Value 3 for Compare 3, they should be shown a table which has the differences between Value 1, Value 2, Value 3. So lets say Value 1 and Value 3 offers you "Help" while value 2 doesn't. it should show a table that says Features Value 1 Value 2 Value 3 Help YES NO YES how would I go about doing this? Hello all, Can anyone help me with a script for changing font color of a number within a table when there is a match? Table A contains numbers and table B contains numbers. When table B numbers matches some of the numbers in table A, the numbers in table A need to change color. I hope you understand what I mean. This is my first post. I am reading "Javascript The Good Parts" ~ The Method Invocation Pattern Page 28 and tried this, var myObject= { value:0, increment:function(inc){ this.value+= typeof inc==="number" ? inc:1; } } myObject.increment(2); alert(myObject.value); but alert(myObject.value); is returning a value of "2", when it should return "3". Can someone help? Reply With Quote 12-22-2014, 09:59 AM #2 rnd me View Profile View Forum Posts Visit Homepage Senior Coder Join Date Jun 2007 Location Urbana Posts 4,497 Thanks 11 Thanked 603 Times in 583 Posts 0+2=2, not 3; the code is working correctly. I'm trying to make something a lot like a store locator where a user types in their address of origin and submits, then the script compares the driving distances between their entered address and the 4 destination locations that I will store in an array once the page loads. It's kind of hard to describe. I have a form working to do the distance and driving directions once I know which destination will be chosen. This is what I have so far: http://rowsdower.freehostia.com/map_test.php That seems to be working just fine. The problem is that I just can't get anything working that will compare the distance between the origin and each of the options before choosing and displaying directions to the nearest destination. My ultimate goal is to update the list of <options> with PHP and maybe MySQL - though I really don't need this to be large-scale. Then, after the user inputs a starting address if they choose a specific location from the dropdown it will give those directions, otherwise (if the "choose closest location" option is still active) then I will run a comparison of driving distances for each option's address value and store them to an array. Once all locations are read and tested for driving distance I want to take the closest location set that option as selected, and then run the call for driving directions as usual. I know how to pull the option values, how to set and unset the "selected" attribute, and how to check to see if distances need to be compared. I can figure out how to do just about everything I need EXCEPT for getting the google maps API to play along. I've tried so many dead-end ideas that I have just reset my map code to square one. Any ideas for a script piece to run that will return only the driving distance for a list of locations? The onclick event listener would be something like this Code: Array.prototype.findIndex = function(value){
var ctr = "";
for (var i=0; i < this.length; i++) {
// use === to check for Matches. ie., identical (===), ;
if (this[i] == value) {
return i;
}
}
return ctr;
};
// ===== request the directions =====
function getDirections() {
document.getElementById("directions").style.display="block"; //displays the directions container
var saddr = document.getElementById("search1").value; //the user's origin
var daddr = document.getElementById("search2").value; //the selected destination
if (daddr=="Closest Location") {
var distances = [0];
for (i=1;i<document.getElementById("search2").options.length;i++) {
//setting i=1 so I skip the "closest Location" option...
if (document.getElementById("search2").options[i].selected) {
document.getElementById("search2").options[i].removeAttribute("selected"); // de-select each option as we go just in case...
}
var destination = document.getElementById("search2").options[i].value; // pulling up the stored address
//run driving directions comparison here then set "daddr" to the address whose driving distance is least
distances[i]=getDrivingDistance(saddr,destination); /* <----- I just made this up, I don't really know
how to get this done but I want it to be as
simple as this somehow...*/
}
daddr = distances.findIndex(distances.min()); // Finds index of the lowest driving distance
document.getElementById("search2").options[daddr].setAttribute("selected","selected"); // marks closest location as selected
daddr = document.getElementById("search2").options[daddr]; // sets destination address to same index as least distance index
}
// at this point I have either the user-defined destination or else the closest destination, so I find the directions...
var locale = getLocale();
var dirOpts = {
locale: locale,
getPolyline: true
};
if (document.getElementById("walkingDirections").checked) {dirOpts.travelMode = G_TRAVEL_MODE_WALKING;}
if (document.getElementById("avoidHighways").checked) {dirOpts.avoidHighways = true;}
if (mapPreserveViewport) {
dirOpts.preserveViewport = true
}
gdir.load("from: "+saddr+" to: "+daddr, dirOpts);
}
I'm going cross-eyed trying to get this working. Does anyone have any ideas for a code blurb to tie this all together? I think everything else should work once I get through the distance iterations but I'm useless with the google maps API... I have one html text area in my JSP file. when i click on that text area, a pop-up will come, in that pop-up i have list of items. So after selecting a item from that pop-up list, need to click okay. so that text area will update with the selected value. In this case, i need to compare the first text area value and updated text area value. How can i do that in Java Script. I am in need of some help. I have a request from a client to have four text fields added together as soon as they input the number. They want the numbers to add together with out having to hit a submit button or have the page change. I have seen and been able to get two out of the four to add together but i can't get the rest. I am pretty new to JS so please be gentle. But any help is greatly appreciated. this is the code i have been trying to work with: [CODE] function calc(A,B,SUM) { var one = Number(A); if (isNaN(one)) { alert('Invalid entry: '+A); one=0; } var two = Number(document.getElementById(B).value); if (isNaN(two)) { alert('Invalid entry: '+B); two=0; } document.getElementById(SUM).value = one + two; } <input name="sum1" id="op1" value="" onChange="calc(this.value,'op2','result')" /> and another number: <input name="sum2" value="" id="op2" onChange="calc(this.value,'op1','result')" /> Their sum is: <input name="sum" value="" id="result" readonly style="border:0px;"> [CODE] Hello I am building a registration page . If the user completes all the required field i load the info into the database but if there are missing fields I combined some javascript into php to display next to the empty field a note that it should be filled. This is my code : Code: <?php
if (isset($_POST['submit']))
{
$username =$_POST['username'];
$password =$_POST['password'];
$password2 =$_POST['password2'];
$firstname =$_POST['firstname'];
$lastname =$_POST['lastname'];
$email =$_POST['email'];
$address =$_POST['address'];
$city =$_POST['city'];
$state =$_POST['state'];
$zip =$_POST['zip'];
$dob =$_POST['dob'];
if (empty($username)){
?> <script language="javascript">
var user =true
</script> ;<?
}
if (empty($password)){
?> <script language="javascript">
var pass =true
</script><? ;
}
And it goes on................... Then next to the inpput box I display a text in case the user didn't fill in the info like this and by the way the above code is in my validate.php page wich i include in the main registration page Code: <?php include ('includes/validate.php');?>
<form action="registration.php" method= "post" >
<fieldset>
<legend>sitename Registration</legend>
<p>
<label for"username">Username</label>
<input type "text" name=username /> <script type="text/javascript">
if (user == true)
{
document.write("Please enter a Username of your choice");
}
</script>
</p>
<p>
<label for"password">Password</label>
<input type "password" name=password /> <script type="text/javascript">
if (pass == true)
{
document.write("Please choose a Password");
}
</script>
</p>
<p>
<label for"password2">Re-type Password</label>
<input type "pass2" name=password2 /> <script type="text/javascript">
if (pass2 == true)
{
document.write("Please re-type your Password");
}
</script>
</p>
And it goes on......for the rest of the input fields. I need some help with a solution for when the user fills in the info and pushes the "register" button the page refreshes and it whipes all the info the user already input but it does display the warnings where the user didn't input any data, so what would be the best way to go to keep the data that the user entered.Thank you. ok I have a PHP form that I want to make Name Email and Phone required using javascript how would I do this here is my .php and html form. I can't get anything to work. Please Help Code: <?PHP
$to = "";
$subject = "Results from your Request Info form";
$headers = "From: Tampabaychartering.net";
$forward = 0;
$location = "";
$date = date ("l, F jS, Y");
$time = date ("h:i A");
$msg = "Below is the result of your feedback form. It was submitted on $date at $time.\n\n";
if ($_SERVER['REQUEST_METHOD'] == "POST") {
foreach ($_POST as $key => $value) {
$msg .= ucfirst ($key) ." : ". $value . "\n";
}
}
else {
foreach ($_GET as $key => $value) {
$msg .= ucfirst ($key) ." : ". $value . "\n";
}
}
mail($to, $subject, $msg, $headers);
if ($forward == 1) {
header ("Location:$location");
}
else {
header("Location: http://www.tampabaychartering.com/booking.html");
exit ();
}
?>
<hr>
<form action="booking.php" method="post" name="ContactForm" onsubmit="return ValidateContactForm();">
<p align="left">
<b><font face="Comic Sans MS" size="4" color="#003366">Type of Charter
<select size="1" name="type_of_charter">
<option selected>Flats Fishing</option>
<option>Inshore Fishing</option>
<option>Offshore Fishing</option>
</select></font></b></p>
<p align="left">
<b><font face="Comic Sans MS" size="4" color="#003366">Have you fished with me
before?
<select size="1" name="have_fished_with_you_before">
<option>yes</option>
<option selected>no</option>
</select></font></b></p>
<p align="left"><font face="Comic Sans MS" size="4" color="#003366"><b>How
many days do you want to fish? </b></font><b>
<font face="Comic Sans MS" size="4" color="#003366">
<select size="1" name="days_you_want_to_fish">
<option selected>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select> </font></b></p>
<p align="left"><b><font color="#003366" size="4" face="Comic Sans MS">How
Long of a trip do you want
<select size="1" name="how_long_do_you_want_to_fish">
<option selected>Full Day Flats $450</option>
<option>Full Day Inshore $450</option>
<option>Full Day Offshore $650</option>
</select></font></b></p>
<p align="left"><b><font face="Comic Sans MS" size="4" color="#003366">How
many people in your party? For parties of more than 4 please call before booking.<select size="1" name="how_many_people">
<option>1</option>
<option selected>2</option>
<option>3</option>
<option>4</option>
</select></font></b></p>
<p align="left" style="margin-top:">
<b><font face="Comic Sans MS" size="4" color="#003366">How many adults?
<select size="1" name="adults_in_group">
<option selected>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select> How Many children under 12? <select size="1" name="number_of_children">
<option>0</option>
<option>1</option>
<option>2</option>
<option>3</option>
</select></font></b></p>
<p align="left"><b><font color="#003366" size="4" face="Comic Sans MS">Choose
the date Of your Charter.</font></b></p>
<p align="left"><b><font color="#003366" face="Comic Sans MS" size="4">
<select size="1" name="Charter_Date">
<option selected>January</option>
<option>February</option>
<option>March</option>
<option>April</option>
<option>May</option>
<option>June</option>
<option>July</option>
<option>August</option>
<option>September</option>
<option>October</option>
<option>November</option>
<option>December</option>
</select>
<select size="1" name="day">
<option selected>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
<option>16</option>
<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>
<option>21</option>
<option>22</option>
<option>23</option>
<option>24</option>
<option>25</option>
<option>26</option>
<option>27</option>
<option>28</option>
<option>29</option>
<option>30</option>
<option>31</option>
</select> <select size="1" name="year">
<option selected="">2011</option>
<option>2012</option>
<option>2013</option>
<option>2014</option>
</select></font></b></p>
<p align="left"><b><font face="Comic Sans MS" size="4" color="#003366">Payment method preffered for deposit?<select size="1" name="Deposit_Payment_Method">
<option>Credit Card</option>
<option selected>Money Order</option>
</select></font></b></p>
<p><strong><font color="#003366" size="4" face="Comic Sans MS">How can I get in touch with you?</font></strong></p>
<dl>
<dd>
<table height="150">
<tr>
<td height="27">
<p align="left"><b>
<font size="4" face="Comic Sans MS" color="#003366">Name </font></b>
<td height="27">
<p align="left">
<font face="Comic Sans MS" size="4"><b><font color="#003366">
<input type="text" size="35" maxlength="256" name="name">
</font></b><font color="#FF0000">required</font><b><font color="#003366">
</font></b></font>
</tr>
<tr>
<td height="27">
<p align="left"><b>
<font size="4" face="Comic Sans MS" color="#003366">E-mail </font>
</b>
<td height="27">
<p align="left"><font face="Comic Sans MS" size="4"><b>
<font color="#003366">
<input type="text" size="35" maxlength="256" name="email">
</font></b></font>
</tr>
<tr>
<td height="27">
<p align="left"><b>
<font size="4" face="Comic Sans MS" color="#003366">Home </font></b>
<td height="27">
<p align="left">
<font face="Comic Sans MS" size="4"><b><font color="#003366">
<input type="text" size="35" maxlength="256" name="phone">
</font></b><font color="#FF0000">required 10 digits </font><font color="#003366">
</font></font></tr>
<tr>
<td height="27">
<b><font size="4" face="Comic Sans MS" color="#003366">Work</font></b><td height="27">
<font size="4" face="Comic Sans MS" color="#003366"><b>
<input type="text" size="35" maxlength="256" name="Work_number"></b></font></tr>
<tr>
<td height="27">
<p align="left"><b>
<font size="4" face="Comic Sans MS" color="#003366">Cell</font></b><td height="27">
<p align="left">
<font face="Comic Sans MS" size="4"><b><font color="#003366">
<input type="text" size="35" maxlength="256" name="User_cell ">
</font></b></font>
</tr>
</table>
</dd>
</dl>
<p align="left"><font face="Comic Sans MS"><b><font size="4" color="#003366">What is the best time to call?
</font></b>
<font color="#003366"><b><font size="4">From</font></b></font></font><font face="Comic Sans MS" size="4"><b><font color="#003366"><select size="1" name="best_time_to_call">
<option selected>8am</option>
<option>9am</option>
<option>10am</option>
<option>11am</option>
<option>12am</option>
<option>1pm</option>
<option>2pm</option>
<option>3pm</option>
<option>4pm</option>
<option>5pm</option>
<option>6pm</option>
<option>7pm</option>
<option>8pm</option>
<option>9pm</option>
<option>10pm</option>
</select> </font></b></font><font face="Comic Sans MS"> <b>
<font size="4" color="#003366">To </font></b></font>
<font face="Comic Sans MS" size="4"><b><font color="#003366"><select size="1" name="until">
<option>8am</option>
<option>9am</option>
<option>10am</option>
<option>11am</option>
<option>12am</option>
<option>1pm</option>
<option>2pm</option>
<option>3pm</option>
<option>4pm</option>
<option>5pm</option>
<option>6pm</option>
<option>7pm</option>
<option>8pm</option>
<option>9pm</option>
<option selected>10pm</option>
</select> </font></b></font>
<p align="left"><b><font face="Comic Sans MS" size="4" color="#003366">How
would you prefer to be contacted?
<select size="1" name="Prefer_to_be_contacted_by">
<option selected>Home Phone</option>
<option>Work Phone</option>
<option>Cell Phone</option>
<option>E-mail</option>
</select></font></b><p align="left"><b>
<font color="#003366" face="Comic Sans MS" size="4">What time zone are you in <select size="1" name="Time_zone">
<option selected>Eastern</option>
<option>Central</option>
<option>Mountain</option>
<option>Pacific</option>
<option>Out of USA</option>
</select></font></b><p align="left"><font color="#FF0000" size="4"><b>Questions or comments about your trip</b></font></p>
<p align="left"><textarea rows="5" name="Comments" cols="67"></textarea></p>
<p align="left"> </p>
<p align="left">
<b>
<font color="#003366" size="4" face="Comic Sans MS">We will contact you as soon as possible to finish Booking your fishing trip.</font></b></p>
<p>
<input type="submit" value="Submit">
<input type="reset" value="Clear Form"></p>
</form>
Hi folks. I am new to javascript so please go easy on me if this is a silly request Basically I have a table generated by a php script with a dynamic number of rows and columns. Here is a sample of the output from this script: Code: <tr> <td style='width:60px'><a href='index.php?inc_id=30' onclick='return confirmDelete(this)'>Remove</a></td> <td style='text-align:center'>test</td> <td ><input type='text' name='0inccol0' value='$432.00' style='text-align:center; background-color:#cccccc'/></td> <td ><input type='text' name='0inccol1' value='$432.00' style='text-align:center; background-color:#cccccc'/></td> <td ><input type='text' name='0inccol2' value='$432.00' style='text-align:center; background-color:#cccccc'/></td> <td ><input type='text' name='0inccol3' value='$432.00' style='text-align:center; background-color:#cccccc'/></td> <td ><input type='text' name='0inccol4' value='$432.00' style='text-align:center; background-color:#cccccc'/></td> <td ><input type='text' name='0inccol5' value='$432.00' style='text-align:center; background-color:#cccccc'/></td> <td ><input type='text' name='0inccol6' value='$432.00' style='text-align:center; background-color:#cccccc'/></td> <td ><input type='text' name='0inccol7' value='$432.00' style='text-align:center; background-color:#cccccc'/></td> </tr> <tr> <td style='width:60px'><a href='index.php?inc_id=31' onclick='return confirmDelete(this)'>Remove</a></td> <td style='text-align:center'>test2</td> <td ><input type='text' name='1inccol0' value='$213.00' style='text-align:center; background-color:#cccccc'/></td> <td ><input type='text' name='1inccol1' value='$213.00' style='text-align:center; background-color:#cccccc'/></td> <td ><input type='text' name='1inccol2' value='$213.00' style='text-align:center; background-color:#cccccc'/></td> <td ><input type='text' name='1inccol3' value='$213.00' style='text-align:center; background-color:#cccccc'/></td> <td ><input type='text' name='1inccol4' value='$213.00' style='text-align:center; background-color:#cccccc'/></td> <td ><input type='text' name='1inccol5' value='$213.00' style='text-align:center; background-color:#cccccc'/></td> <td ><input type='text' name='1inccol6' value='$213.00' style='text-align:center; background-color:#cccccc'/></td> <td ><input type='text' name='1inccol7' value='$213.00' style='text-align:center; background-color:#cccccc'/></td> </tr> <tr> <td style='width:60px'><a href='index.php?inc_id=32' onclick='return confirmDelete(this)'>Remove</a></td> <td style='text-align:center'>test3</td> <td ><input type='text' name='2inccol0' value='$65.00' style='text-align:center; background-color:#cccccc'/></td> <td ><input type='text' name='2inccol1' value='$65.00' style='text-align:center; background-color:#cccccc'/></td> <td ><input type='text' name='2inccol2' value='$65.00' style='text-align:center; background-color:#cccccc'/></td> <td ><input type='text' name='2inccol3' value='$65.00' style='text-align:center; background-color:#cccccc'/></td> <td ><input type='text' name='2inccol4' value='$65.00' style='text-align:center; background-color:#cccccc'/></td> <td ><input type='text' name='2inccol5' value='$65.00' style='text-align:center; background-color:#cccccc'/></td> <td ><input type='text' name='2inccol6' value='$65.00' style='text-align:center; background-color:#cccccc'/></td> <td ><input type='text' name='2inccol7' value='$65.00' style='text-align:center; background-color:#cccccc'/></td> </tr> What I want to do is create a row of 'totals' fields at the bottom of this table that will sum the fields in the column above. Looking at the naming convention above, the first number is the row, the number at the end is the column so I will want to sum all of the input values with a name ending in 0 in the first 'total' field, all the input values with names ending in 1 in the next and so on. The number of rows and columns is dynamic based on the users selections prior to buiding the table. The reason I am using input fields is that I would also like an event (onChange/onBlur?) that will update the totals fields if a user manually changes the value in one of the inputs. Any advice on this will be appreciated! |
|||||||