JavaScript - Problem Multiplying 2 Values From Input Boxes

I can't figure this. Basically I have a dialogue pop out box. When you type a value in the pop out box,and press enter, it will change the value in the input boxes. Let say I have five input boxes, four of the input box has 7 as value,the last input box has 15 value. When I type 8 and enter, it should change only the value of 15(from 15 to 8) as 15 is greater than 8. If I type 4, it should change all the values of input boxes as all of the input box values are greater than 4.

I have set the condition to 18 as input boxes are 18 columns. jsNewDisc is the user input value. Below are some pieces of codes. Of course if I type 5 and enter, this condition will change all the values in the five input boxes as they are all of greater value. If I input 8, input box that has a value of 15 will be the only one that will be change as it has greater value.

Code:

for (a=1;a < 18; a++){
if(document.getElementById('R4'+ a).value>jsNewDisc){
 document.getElementById('R4'+ a).value = jsNewDisc;
								  }
								    
								}

This little script works nicely in IE, and FF but fails in Chrome. It saves the contents of input boxes and displays them next time the page loads:

(the cookie functions are the usual ones)

Code:

window.onload = function()
{
	var theInputs = document.getElementsByTagName('input');
	for(var i = 0; i < theInputs.length; i++)
	{
		if(theInputs[i].type == 'text')
		{
			theInputs[i].onkeyup = function()
			{
				createCookie(this.name,this.value,9999);
			}
		}
		if(readCookie(theInputs[i].name+'val') != null)
		{
			theInputs[i].value = readCookie(theInputs[i].name+'val');
		}
}
}

Is there an obvious reason why Chrome is not doing this?

I am doing a website project and I am currently designing product page.

I have created the text boxes dynamically(as many boxes as the user wants) and he can drag and drop the text boxes in the page.

I need to create a dynamic line from one text boxes to other text boxes and delete the test boxes which the user does not want. I have created the dynamic graphic line.

I know the values of the text boxes can be saved using php in the backend.

But is there any way the values with the dynamically created boxes(with <div></div> elements, not with the text boxes) with values and graphics line can be saved online and the user when log-in again can retrieve the work that he saved? Can we code this either in javascript/php?

Hello,

I am extremely new to JS so please bear with me. Any help is very much appreciated.

Currently I am trying to take the values of 2 or more select boxes, add them together and then update a text field each time a selection in one of the select boxes is made. Basically, I am trying to keep a running total.

Currently I have it set up so that onchange it grabs the selected value. The problem is that it is being processed as a string I believe. For instance, if there are two variables, a=111 and b=222, the output in the text field reads 111222. I tried using parseInt, but that just returns NaN (not a number?...just a guess).

I have seen this solved with if statements, grabbing the selected index # and then assigning an integer, but I am hoping there is an easier way.

Again, your help is appreciated.

Hello all,

I have a requirement where i need to take an IPv4 address as an input, my web page has 4 text boxes. If i have a address like this 255.255.255.255, my program jumps into the next text box without any problem as soon as i enter the 3 digits. i dont need to press any tab or any other key to go to next text box.

In case of an address like 12.24.12.3, i have to press <tab> to jump into the next text box, My project requirement says that it should work with '.' (dot) char as well.

SO here is my actual requirement i need to jump into the next text box as soon as user enters a dot (.) char without displaying the dot into the text box.


I am writing this program in perl CGI.

Thanks,
Vaibhav

I've been playing around with a madlibs exercise while trying to learn simple javascript. I have three input boxes and a button display an alert containing the input from the boxes.

Am I right to be assigning variable names to the values from the text boxes and then referencing those variables in my alert?

I'm sorry if this is a dumb question but I've been working on it for hours and can't get past this point.


Inset a name:
<input type="text" id="textbox1" size="10"/>
</br>
Insert a verb :
<input type="text" id="textbox2" size="10"/>
</br>
Insert a place:
<input type="text id="textbox3" size="10"/>


<input type="button" value="CLICK WHEN FINISHED"
onClick="name = document.getElementById('textbox1').value;
verb = document.getElementById('textbox2').value;
place = document.getElementById('textbox3').value;
alert('Mad Lib :' + name + " " + verb + " " + place);" />

Hello,

I'm working on a project that involves extracting values from a series of select boxes and then working out the result.

The select boxes contain the following:
Code:

<select name="select_Col1_Row1">
<option value="blue">Blue</option>
<option value="green">Green</option>
<option value="red>Red</option>
</select>
<select name="select_Col1_Row2">
<option value="blue" selected="selected">Blue</option>
<option value="green">Green</option>
<option value="red>Red</option>
</select>
<input type="text" name="RedSum">
<input type="text" name="BlueSum">
<input type="text" name="GreenSum">
</select>

As you can see by my code, I'm early days at this and guessing the steps on the way. I tried using getElementsByTagName on the select and then on the option but had no luck with that. The code below does a wonderful job of returning blue for both select statements...

Code:

<script type="text/javascript">
function getElements()
  {
  var table = document.getElementById("x");   
  var x = table.getElementsByTagName("option");
  for (var i = 0; i < x.length; i++) {   
    var status = x[i].getAttribute("selected");
	alert(status);
    if (status == "selected") {
      var statushcap = x[i].getAttribute("id");
      var statusvalue =x[i].getAttribute("value");
      if (statusvalue == "blue") {
        alert(statusvalue);
      }
    }

  }
  
  alert(x.length);
  }
</script>

If someone could suggest some way to map the select tag and then extract its option value to being the user selected value, I'd most appreciate it. I can probably do the rest of it. Can you extract additional information from the id of the option that is selected as I'd like to sum additional information from the user's choice.

Best,

John

Hi,

I'm currently programming a menu editing script and I'm trying to reorder value of text input on change.

What I'm trying to do is when I change the value of a text box it reorders the others.

EX
Start 1 2 3 4 5
Change 3->1
End 2 3 1 4 5

Here is what I've manage to do, it works only when the number is bigger.

Javascript function
Code:

function changeOrder(current)
{
	var num_name = current.name.split("_",2);
	var id = num_name[0]+"_"+num_name[1]+"_number";
	var maxorder = document.getElementById(id).value;
	var currentmax = current.name.substr((current.name.length-1),1)
	if(currentmax <= maxorder && current.value > 0)
	{
		var start = (currentmax > current.value ? 1 : currentmax);
		for(var i=start;i<maxorder;i++)
		{
			var k = parseInt(i)+1;
			x = document.getElementsByName(num_name[0]+"_"+num_name[1]+"_order_"+k);
			x[0].value = i;
			x[0].name = x[0].name.substr(0,(x[0].name.length-1))+i;
		}
		current.name = current.name.substr(0,(current.name.length-1))+current.value;
	}
}

HTML input
Code:

<input type="text" style="width: 20px;" onchange="changeOrder(this);" value="1" name="other_title_order_1">

Thanks for any advices you may have

Maxetime

I have a script where I need to change input values automatically, and I just can't find the right code for it. Here's a little of my code below, can anyone help me, please?
Code:

document.getElementById("Id").innerHTML="Text here";

Hi!

I am quite new to the world of JavaScript as I have done basic corse for it...
and I have learnt that best way to understand it is to play around with it...
but now I am stuck with on of the problem!!

Problem: How can we assign text box input values by user to a variable and display that variable back on another element of the same HTML document(dynamically)...

Conditions: The value has to be stored as a JavaScript variable only.

No server-side script is to be used and has to be done locally.
Please help!

Hi guys,

Let me explain simply what I do and what I'm trying to achieve:

I got a couple of comboboxes were the user selects a series of numbers. Once a selection is made, the value is appended to an input box. The idea is that the appended values form a telephone number, or at least part of one, that will then be used to search trough a database to look for a matching number.

The code below is what I have done so far:

Code:

<script type="text/javascript">
function displayIndicatif(){
	var sel = document.getElementById("indicatif");
	var text = sel.options[sel.selectedIndex].value;
        var out = document.getElementById("blabla");
	out.value += text+"\n";
		}

function displayBloc(){
	var sel1 = document.getElementById("bloc");
	var text1 = sel1.options[sel1.selectedIndex].value;
	var out1 = document.getElementById("blabla");
	out1.value += text1+"\n";
}
</script>

[...]

<input type="text" id="blabla"/>

[..]

<select id="indicatif" onChange="displayIndicatif();">
	<option value="021">021</option>
        <option value="022">022</option>
	<option value="031">031</option>
</select>

<select id="bloc" onChange="displayBloc();">
	<option value="555" class="021">555</option>
	<option value="666" class="021">666</option>
	<option value="777" class="021">777</option>
</select>

Basically what happens now is this:

combobox indicatif: 021 | 022 | 031
combobox bloc: 555 | 666 | 777

If I select "021" from indicatif, the script will append 021 to the input "blabla". The problem is, if I now select "022", the input will show "021022" instead of replacing the 021 with 022.

What I would like is that, for each combobox, the script replaces the selected value with the new one instead of simply appending it, like instead of say 021022555666 it would show 021555 or 022666 or 021666 depending on what is selected...you get the idea?

Is this doable? Needless to say I'm a total noob at javascript...I adapted the code I got now from some other guy who was trying to achieve almost the same thing and adapted it to my needs, or least, tried to, but now I'm stuck.

Any help is appreciated!

Thanks

Hi there,
I was hoping for some advice, not really answers as this is part of an assignment. What I have been given is two arrays and I need to multiply the elements in the first with the corresponding value in the second and then save the result into a third array. I am very very new to this and have tried every option i can think of to do this, I entered the result values into the third array just to check the rest of my code is right, this is the only part that has me stumped.

Any tips would be hugely appreciated, thank you )

print "<Font face=\"calibri, Arial\"><table id=\"rnatable\" border=2px width=100%>";
print "<th></th>";
print "<th>a</th>";
print "<th>b</th>";
print "<th>c</th>";
print "<th>d</th>";
print "<th>e</th>";
print "<th>f</th>";
print "<th>g</th>";

while($array = mysql_fetch_array($sql_query))
{
$id=$array['a'];
print "<tr id=\"newtr\">";
print "<td><input id=\"check\" type=\"checkbox\" name=\"keyword[]\" value=\"$id\" ></td>";
print "<td>".$array['a']."</td>";
print "<td>".$array['b']."</td>";
print "<td>".$array['c']."</td>";
print "<td>".$array['d']."</td>";
print "<td>".$array['e']."</td>";
print "<td>".$array['f']."</td>";

print "<td>
<a href=\"http://localhost/rnasearch/retrieve.php?a=$id\">bla</a>
</td></tr></font>";

}

print "</table>";
}

this is part of a php searchengine script that i wrote to retrieve data from a database and as you can see the last column that is g contains a link which when clicked takes the user to the second php script which retrieves additional information of that entry, but this is done for only single entries so as you can see i introduced checkboxes so that the user can check any number of checkboxes and retrieve information as per their wish

now to do this i created a <input type=text where i want the value of these checkboxes i.e. $id to be posted in a delimited format so that the user can then click the corresponding button and retrieve the information this is the code

<div id="floatMenu">
<ul class="menu1">
<center><li><form name="senddata" method="POST" action="http://localhost/retrieve.php" style="display:inline;"><input id="fasta" type="text" class="multitext"><input name="Fasta" type="Submit" value="Retrieve Fasta"></form>

this is a css floating menu....so far so good....everything went fine....
after this i had to write a javascript to do this and i've been stuck there searching forums for the last 4 days!

this is the javascript i found from somewhere which came close to doing wht i wanted it to do

window.onload = function () {
var cb = document.getElementById('check');
var fasta = document.getElementById('fasta');
cb.onclick = function () {fasta.value = cb.value + ",";
};};

this script only sends the value of the first checkbox in the table, the others are not found by it, mind you its not the first checkbox selected its the first checkbox that is present in the table

how can i resolve this problem so that even if i have n number of checkboxes in my table, if the user chooses to do so they can retrieve n number of information....please help i've almost lost hope in this!