|
JavaScript - Javascript To Calculate Possible Routes Between Two Points
Hi,
I need a help with a project I am working on. I am not a developer so not so familiar with javascript. Suppose I have a map with ten junctions and based on that map, I need to calculate all the possible routes between one junction to another. How do I represent the map in javascript and how do I code the function to calculate all the possible routes?? :-( many thanks if someone can help me Similar TutorialsCan anyone help me with the following Javascript. I am going crazy trying to figure this out because it should be easy. Basically I want to calculate the percentage of a number, but I'm getting a really weird result. In the following code f is equal to 3 and x.length is equal to 8. The part that isn't working is emphasised in bold. Basically 3/8 * 100 should result in 37.5 but the result I am getting with the following code is 7934570.3125. How do you calculate this percentage in Javascript? Code: function displaymember()
{
var m = 1;
var f = 1;
for(i=0;i<x.length;i++)
{
sex=(x[i].getElementsByTagName("sex")[0].childNodes[0].nodeValue);
if (sex=="Male")
{
m++;
}
else
{
f++;
}
percent=f/x.length * 100
document.getElementById("fixed").innerHTML=percent;
}
}
I am working on a form that has 15 rows for order entry. These rows are called: qty | part | desc | cost | amount I have the following ASP code that generates the rows: Code: <% For i = 1 To 15 %> <TR align=center><td><input type="text" NAME="qty<%Response.Write i%>" onChange='DoMath()'></td> <TD><INPUT TYPE="text" NAME="part<% Response.Write i %>"></TD> <TD><INPUT TYPE="text" NAME="desc<%Response.Write i %>"></TD> <TD><INPUT TYPE="text" NAME="cost<%Response.Write i%>" onChange="DoMath()"></TD> <TD><INPUT TYPE="text" NAME="amount<%Response.Write i%>" readonly></TD></TR> <% Next %> This gives me the following fields in the form: qty1 | part1 | desc1 | cost1 | amount1 qty2 | part2 | desc2 | cost2 | amount2 etc. My Javascript (DoMath) to calculate the row totals looks like this for now: Code: <script type='text/javascript'>
function DoMath(){
var Units = document.PlaceOrder.qty1.value;
var Rate = document.PlaceOrder.cost1.value;
var Total = Units * Rate;
document.PlaceOrder.amount1.value = Total.toFixed(2);
document.PlaceOrder.grandtotal.value = Total.toFixed(2);
}
</script>
This works fine for the first row, but I need it to scale for the rest of the rows, and also allow for future addition/expansion. Unfortunately, I am Javascript-tarded and can't figure it out, despite numerous examples online... I also need to find a way to recalculate the "grandtotal" box on the form based on whether or not the checkbox called "taxChecked" is checked. If the user checks it, I need it to recalculate the "grandtotal" field with a tax rate, and if they un-check it, it should recalcuate "grandtotal" WITHOUT the tax rate. Any suggestions or pointers are greatly appreciated! It's been a long time since I've messed around with Javascript. I had some resources and books that sort of showed what I was wanting to do. Essentially what I am trying to create is a calculator which allows the user to check the components of their computer and when they hit "calculate" it will output the price of the system for them. I found some simplified examples of what I am trying to do online, but I cannot for the life of me figure out why when I hit "calculate" nothing happens The code is below (I pasted the wholes of both codes because I'm not sure where exactly the problems are). Any help is definitely appreciated! html code: Code: <html>
<head>
<script language="JavaScript1.1" src="calculate.js" type="text/javascript"></script>
</head>
<body onLoad="load ()">
<center>
<form name="calc" method="POST">
<table width="100%" border="0" cellpadding="3">
<tr>
<td colspan="11"><center><h1>Computer Pricing Calculator</h1></center></td>
</tr>
<tr>
<th bgcolor="#000000" colspan="2" align="center"><font color="white" size="+2">TYPE</font></th>
<td width="5"></td>
<th bgcolor="#000000" colspan="5" align="center"><font color="white" size="+2">PROCESSOR</font></th>
<td width="5"></td>
<th bgcolor="#000000" colspan="2" align="center"><font color="white" size="+2">HARD DRIVE</font></th>
</tr>
<!--Row 1 -->
<tr>
<td colspan="2"></td>
<td width="5"></td>
<td bgcolor="#eeeeee" width="20%">Single Core Processor</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="single" size="10"></td>
<td width="5"></td>
<td colspan="2"></td>
<td width="5"></td>
<td colspan="2"></td>
<td width="5"></td>
</tr>
<!--Row 2 -->
<tr>
<td colspan="2"></td>
<td width="5"></td>
<td bgcolor="#eeeeee" width="20%">Dual Core Processor</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="double" size="10"></td>
<td width="5"></td>
<td colspan="2"></td>
<td width="5"></td>
<td colspan="2"></td>
<td width="5"></td>
</tr>
<!--Row 3 -->
<tr>
<td bgcolor="#eeeeee" width="20%">Desktop/Tower</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="pc" size="10"></td>
<td width="5"></td>
<td bgcolor="#eeeeee" width="20%">Core i-3 Processor</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="triple" size="10"></td>
<td width="5"></td>
<td bgcolor="#eeeeee" width="20%">Hyper-threaded Processor</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="ht" size="10"></td>
<td width="5"></td>
<td colspan="2"></td>
<td width="5"></td>
</tr>
<!--Row 4 -->
<tr>
<td colspan="2"></td>
<td width="5"></td>
<td bgcolor="#eeeeee" width="20%">Quad Core Processor</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="quad" size="10"></td>
<td width="5"></td>
<td colspan="2"></td>
<td width="5"></td>
<td bgcolor="#eeeeee" width="20%">Enter the size (gb)</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="text" name="size" size="1"></td>
<td width="5"></td>
</tr>
<!--Row 5 -->
<tr>
<td bgcolor="#eeeeee" width="20%">Laptop</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="laptop" size="10"></td>
<td width="5"></td>
<td bgcolor="#eeeeee" width="20%">Core i-5 Processor</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="five" size="10"></td>
<td width="5"></td>
<td bgcolor="#eeeeee" width="20%">Enter the speed (ghz)</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="text" name="speed" size="1"></td>
<td width="5"></td>
<td colspan="2"></td>
<td width="5"></td>
</tr>
<!--Row 6 -->
<tr>
<td colspan="2"></td>
<td width="5"></td>
<td bgcolor="#eeeeee" width="20%">Six Core Processor</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="six" size="10"></td>
<td width="5"></td>
<td colspan="2"></td>
<td width="5"></td>
<td colspan="2"></td>
<td width="5"></td>
</tr>
<!--Row 7 -->
<tr>
<td colspan="2"></td>
<td width="5"></td>
<td bgcolor="#eeeeee" width="20%">Core i-7 Processor</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="seven" size="10"></td>
<td width="5"></td>
<td colspan="2"></td>
<td width="5"></td>
<td colspan="2"></td>
<td width="5"></td>
</tr>
<tr>
<td height="25">
</td>
</tr>
<!--Row 1 -->
<tr>
<th bgcolor="#000000" colspan="2" align="center"><font color="white" size="+2">RAM</font></th>
<td width="5"></td>
<th bgcolor="#000000" colspan="2" align="center"><font color="white" size="+2">VIDEO CARD</font></th>
<td width="5"></td>
<th bgcolor="#000000" colspan="2" align="center"><font color="white" size="+2">OPTICAL DRIVE</font></th>
<td width="5"></td>
<th bgcolor="#000000" colspan="2" align="center"><font color="white" size="+2">OFFICE</font></th>
</tr>
<!--Row 2 -->
<tr>
<td bgcolor="#eeeeee" width="20%">512 MB RAM</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="ram512mb" size="10"></td>
<td width="5"></td>
<td bgcolor="#eeeeee" width="20%">No Video Card</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="novid" size="10"></td>
<td width="5"></td>
<td bgcolor="#eeeeee" width="20%">CD/ROM Only</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="cdrom" size="10"></td>
<td width="5"></td>
<td bgcolor="#eeeeee" width="20%">Open Office</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="nooffice" size="10"></td>
</tr>
<!--Row 3 -->
<tr>
<td bgcolor="#eeeeee" width="20%">768 MB RAM</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="ram768mb" size="10"></td>
<td width="5"></td>
<td bgcolor="#eeeeee" width="20%">64 MB Video Card</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="vid64mb" size="10"></td>
<td width="5"></td>
<td bgcolor="#eeeeee" width="20%">CD/RW Only</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="cdrw" size="10"></td>
<td width="5"></td>
<td bgcolor="#eeeeee" width="20%">Office 97</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="office97" size="10"></td>
</tr>
<!--Row 4 -->
<tr>
<td bgcolor="#eeeeee" width="20%">1.0 GB RAM</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="ram1000mb" size="10"></td>
<td width="5"></td>
<td bgcolor="#eeeeee" width="20%">128 MB Video Card</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="vid128mb" size="10"></td>
<td width="5"></td>
<td bgcolor="#eeeeee" width="20%">CD/RW - DVD/ROM</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="cdrwdvdrom" size="10"></td>
<td width="5"></td>
<td bgcolor="#eeeeee" width="20%">Office 2003</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="office03" size="10"></td>
</tr>
<!--Row 5 -->
<tr>
<td bgcolor="#eeeeee" width="20%">1.5 GB RAM</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="ram1500mb" size="10"></td>
<td width="5"></td>
<td bgcolor="#eeeeee" width="20%">256 MB Video Card</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="vid256mb" size="10"></td>
<td width="5"></td>
<td bgcolor="#eeeeee" width="20%">CD/RW - DVD/RW</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="cdrwdvdrw" size="10"></td>
<td width="5"></td>
<td bgcolor="#eeeeee" width="20%">Office 2007</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="office07" size="10"></td>
</tr>
<!--Row 6 -->
<tr>
<td bgcolor="#eeeeee" width="20%">2.0 GB RAM</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="ram2000mb" size="10"></td>
<td width="5"></td>
<td bgcolor="#eeeeee" width="20%">512 MB DDR Video Card</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="vid512mb" size="10"></td>
<td width="5"></td>
<td width="20%"></td>
<td align="center" width="4%"></td>
<td width="5"></td>
<td width="20%"></td>
<td align="center" width="4%"></td>
</tr>
<!--Row 7 -->
<tr>
<td bgcolor="#eeeeee" width="20%">2.5 GB RAM</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="ram2500mb" size="10"></td>
<td width="5"></td>
<td bgcolor="#eeeeee" width="20%">768 MB Video Card</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="vid768mb" size="10"></td>
<td width="5"></td>
<th bgcolor="#000000" colspan="2" align="center"><font color="white" size="+2">CONNECTIVITY</font></th>
<td width="5"></td>
<th bgcolor="#000000" colspan="2" align="center"><font color="white" size="+2">OS</font></th>
</tr>
<!--Row 8 -->
<tr>
<td bgcolor="#eeeeee" width="20%">3.0 GB RAM</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="ram3000mb" size="10"></td>
<td width="5"></td>
<td bgcolor="#eeeeee" width="20%">1.0 GB Video Card</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="vid1000mb" size="10"></td>
<td width="5"></td>
<td bgcolor="#eeeeee" width="20%">NIC</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="nic" size="10"></td>
<td width="5"></td>
<td bgcolor="#eeeeee" width="20%">Windows XP</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="xp" size="10"></td>
</tr>
<!--Row 9 -->
<tr>
<td bgcolor="#eeeeee" width="20%">3.5 GB RAM</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="ram3500mb" size="10"></td>
<td width="5"></td>
<td bgcolor="#eeeeee" width="20%">DDR2/DDR3 Video Card</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="ddr23vid" size="10"></td>
<td width="5"></td>
<td bgcolor="#eeeeee" width="20%">Modem</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="modem" size="10"></td>
<td width="5"></td>
<td bgcolor="#eeeeee" width="20%">Windows Vista</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="vista" size="10"></td>
</tr>
<!--Row 10 -->
<tr>
<td bgcolor="#eeeeee" width="20%">4.0 GB RAM</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="ram4000mb" size="10"></td>
<td width="5"></td>
<td bgcolor="#eeeeee" width="20%">DDR5 Video Card</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="ddr5vid" size="10"></td>
<td width="5"></td>
<td bgcolor="#eeeeee" width="20%">Wireless</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="wireless" size="10"></td>
<td width="5"></td>
<td bgcolor="#eeeeee" width="20%">Windows 7</td>
<td bgcolor="#eeeeee" align="center" width="4%"><input type="checkbox" name="windows7os" size="10"></td>
</tr>
<tr>
<td height="40">
</td>
</tr>
<tr>
<td colspan="3"></td>
<td colspan="2" align="center"><input name="Submit" type="submit" style="background-color:#ffff00; color:#000000; border:5px solid #000000; font-family:arial; font-size:15pt; font-weight:900; letter-spacing=2px" onClick="count ()" value="CALCULATE PRICE!"></td>
<td width="5"></td>
<td colspan="2" align="center"><input type="reset" value="RESET VALUES!" style="background-color:#ffff00; color:#000000; border:5px solid #000000; font-family:arial; font-size:16pt; font-weight:900; letter-spacing=2px"></td>
<td colspan="3"></td>
</tr>
<tr>
<td height="40">
</td>
</tr>
<tr>
<td bgcolor="#ffffff" colspan="11" align="center"><font size="18">PRICE = $</font><input name="pay" type="text" style="background-color:#ffffff; color:#000000; border:1px solid #000000; font-family:tahoma; font-size:25pt; letter-spacing=1px" size="10"></td>
</tr>
</table>
</form>
</center>
</body>
</html>
javascript code (calculate.js) Code: function load()
{
window.status = "Pricing Guide"
}
function count()
{
//Type variables
var pcprice = 0;
var laptopprice = 20;
var typeprice = 0;
//Processor variables
var singleprice = 1.67;
var doubleprice = 2.05;
var tripleprice = 1.31;
var quadprice = 2.30;
var fiveprice = 1.97;
var sixprice = 2.0;
var sevenprice = 3.09;
var htprice = 0;
var processorprice = 0;
//RAM variables
var ram512mbprice = 15;
var ram756mbprice = 22;
var ram1000mbprice = 30;
var ram1500mbprice = 45;
var ram2000mbprice = 60;
var ram2500mbprice = 75;
var ram3000mbprice = 80;
var ram3500mbprice = 95;
var ram4000mbprice = 110;
var ramprice = 0;
//Video Card variables
var novidprice = 0;
var vid64mbprice = 10;
var vid128mbprice = 15;
var vid256mbprice = 20;
var vid512mbprice = 28;
var vid768mbprice = 33;
var vid1000mbprice = 40;
var ddr23vidprice = 1.5;
var ddr5vidprice = 2;
var vidprice = 0;
var videoprice = 0;
//Optical Drives variables
var cdromprice = 2;
var cdrwprice = 5;
var cdrwdvdromprice = 20;
var cdrwdvdrwprice = 35;
var driveprice = 0;
//Connectivity variables
var nicprice = 0;
var modemprice = 5;
var wireless price = 20;
var connectprice = 0;
//Office variables
var noofficeprice = 0;
var office97price = 0;
var office03price = 30;
var office07price = 50;
var officeprice = 0;
//Operating System variables
var xpprice = 0;
var vistaprice = 0;
var windows7osprice = 110;
var osprice = 0;
//Hard drive - Input Box
var hdsize = document.getElementById('size');
var hdprice = 0;
//Processor Speed - Input Box
var pcspeed = document.getElementById('speed');
var processorprice = 0;
//COMPUTER TYPE - Check Boxes
if (calc.pc.checked){
var typeprice = document.calc.pc.value = pcprice;
}
if (calc.laptop.checked){
var typeprice = document.calc.laptop.value = laptopprice;
}
//Hard Drive
var hdprice = hdsize * 0.30;
//Processor - Check Boxes
if (calc.single.checked){
var processorprice = document.calc.single.value = singleprice * pcspeed;
}
if (calc.double.checked){
var processorprice = document.calc.double.value = doubleprice * pcspeed;
}
if (calc.triple.checked){
var processorprice = document.calc.triple.value = tripleprice * pcspeed;
}
if (calc.quad.checked){
var processorprice = document.calc.quad.value = quadprice * pcspeed;
}
if (calc.five.checked){
var processorprice = document.calc.five.value = fiveprice * pcspeed;
}
if (calc.six.checked){
var processorprice = document.calc.six.value = sixprice * pcspeed;
}
if (calc.seven.checked){
var processorprice = document.calc.seven.value = sevenprice * pcspeed;
}
if (calc.ht.checked){
var htprice = document.calc.ht.value = 10;
}
//RAM - Check Boxes
if (calc.ram512mb.checked){
var ramprice = document.calc.ram512mb.value = ram512mbprice;
}
if (calc.ram756mb.checked){
var ramprice = document.calc.ram756mb.value = ram756mbprice;
}
if (calc.ram1000mb.checked){
var ramprice = document.calc.ram1000mb.value = ram1000mbprice;
}
if (calc.ram1500mb.checked){
var ramprice = document.calc.ram1500mb.value = ram1500mbprice;
}
if (calc.ram2000mb.checked){
var ramprice = document.calc.ram2000mb.value = ram2000mbprice;
}
if (calc.ram2500mb.checked){
var ramprice = document.calc.ram2500mb.value = ram2500mbprice;
}
if (calc.ram3000mb.checked){
var ramprice = document.calc.ram3000mb.value = ram3000mbprice;
}
if (calc.ram3500mb.checked){
var ramprice = document.calc.ram3500mb.value = ram3500mbprice;
}
if (calc.ram4000mb.checked){
var ramprice = document.calc.ram4000mb.value = ram4000mbprice;
}
//VIDEO CARD - Check Boxes
if (calc.novidprice.checked){
var vidprice = document.calc.novidprice.value = novidprice;
}
if (calc.vid64mb.checked){
var vidprice = document.calc.vid64mb.value = vid64mbprice;
}
if (calc.vid128mb.checked){
var vidprice = document.calc.vid128mb.value = vid128mbprice;
}
if (calc.vid256mb.checked){
var vidprice = document.calc.vid256mb.value = vid256mbprice;
}
if (calc.vid512mb.checked){
var vidprice = document.calc.vid512mb.value = vid512mbprice;
}
if (calc.vid768mb.checked){
var vidprice = document.calc.vid768mb.value = vid768mbprice;
}
if (calc.vid1000mb.checked){
var vidprice = document.calc.vid1000mb.value = vid1000mbprice;
}
var videoprice = vidprice;
if (calc.ddr23vid.checked){
var videoprice = document.calc.ddr23vid.value = vidprice * 1.5;
}
if (calc.ddr5mb.checked){
var videoprice = document.calc.ddr5mb.value = vidprice * 2;
}
//OPTICAL DRIVES - Checkbox
if (calc.cdrom.checked){
var driveprice = document.calc.cdrom.value = cdromprice;
}
if (calc.cdrw.checked){
var driveprice = document.calc.cdrw.value = cdrwprice;
}
if (calc.cdrwdvdrom.checked){
var driveprice = document.calc.cdrwdvdrom.value = cdrwdvdromprice;
}
if (calc.cdrwdvdrw.checked){
var driveprice = document.calc.cdrwdvdrw.value = cdrwdvdrwprice;
}
//CONNECTIVITY - Checkbox
if (calc.nic.checked){
var connectprice = document.calc.nic.value = nicprice;
}
if (calc.modem.checked){
var connectprice = document.calc.modem.value = modemprice;
}
if (calc.wireless.checked){
var connectprice = document.calc.wireless.value = wirelessprice;
}
// OFFICE - Checkbox
if (calc.noffice.checked){
var officeprice = document.calc.nooffice.value = officeprice;
}
if (calc.office97.checked){
var officeprice = document.calc.office97.value = office97price;
}
if (calc.office03.checked){
var officeprice = document.calc.office03.value = office03price;
}
if (calc.office07.checked){
var officeprice = document.calc.office07.value = office07price;
}
//OPERATING SYSTEM - Checkbox
if (calc.xp.checked){
var osprice = document.calc.xp.value = xpprice;
}
if (calc.vista.checked){
var osprice = document.calc.vista.value = vistaprice;
}
if (calc.windows7os.checked){
var osprice = document.calc.windows7os.value = windows7osprice;
}
document.calc.pay.value = typeprice + processorprice + htprice + ramprice + videoprice + driveprice + connectprice + officeprice + osprice + hdprice;
}
Hi everyone, I am pretty new to JS and I am looking for help writing a function that will dynamically calculate filed values. I have a PHP-generated form which may have a varying number of fields. I need to: 1. calculate the line total for each row -- unitprice * units = linetotal 2. calculate total of all linetotals. I have named my fields as follows: unitprice[1], unitprice[2]... , units[1], units[2], ... I have the following calculate function: Code: function calculateOld() {
// get both values
unitprice = document.forms["invoice"].unitprice.value;
units = document.forms["invoice"].units.value;
// do some calculation
lineTotal = formatNumber((unitprice * units), 2);
// set the value in the right field
document.forms["invoice"].linetotal.value = lineTotal;
unitprice2 = document.forms["invoice"].unitprice2.value;
units2 = document.forms["invoice"].units2.value;
if(unitprice2 != '') {
// do some calculation
lineTotal2 = formatNumber((unitprice2 * units2), 2);
// set the value in the right field
document.forms["invoice"].linetotal2.value = lineTotal2;
document.forms["invoice"].totalprice.value = formatNumber((parseFloat(lineTotal) + parseFloat(lineTotal2)),2);
}
else {
document.forms["invoice"].linetotal2.value = '';
document.forms["invoice"].totalprice.value = formatNumber(lineTotal,2);
}
}
This does calculate what I need but only if I have up to two rows. I need to make the function dynamically count how many rows there are, and calculate the linetotal for each row. And here's where my limited JS knowledge brings me to a halt. I have been thinking about what this new and dynamic function should look like, but that's the best I could produce... Code: function calculate() {
var unitprice[i] = document.forms["invoice"].unitprice[i].value;
var units[i] = document.forms["invoice"].units[i].value;
var linetotal[i] = formatNumber((unitprice[i] * units[i]), 2);
return linetotal;
}
Your help will be appreciated. Please explain how things are done, don't just give me the code. Thanks in advance! Hi everyone. New to javascript here.... I have a problem here. I know how to store a cookie and check a cookie... but i don't know how to calculate the time between current visit and previous visit... Example. I logged in @ 1pm and logged in again @ 3pm... It should a msg like "your last visit was 2 hours ago" Can any one enlighten me ? Thank you! Need help please asap. It might be simple but i couldn't work out the script. help! ---------------- Formfield.anzahl1 = number entered by customer Formfield.Price1 = Ergebnisfeld1 e.g. Anzahl1= 1 Price = 270 *if Anzahl1 = 2 then Price = 270*2 I need to do this for two form option. 2nd field would be as follows Formfield.Anzahl2= number entered by customer Formfield.Price2 = Ergebnisfeld2 Then Formfield.Total = Ergebnisfeld1 + Ergebnisfeld2 ------------------- How can I convert these above to javascript? Please could anyone offer any advice, in simple terms on how to add anchor points to a page in order to create a smooth scroll element such as this one: http://www.kryogenix.org/code/browser/smoothscroll/#top Any help would be much appreciated. input: takes n coordinating points as inut and reflects them according to x,y axis depending of our wish and counts number of points in each quadrant. sample input: enter number of points 4 1 1 1 -1 -1 -1 -1 1 enter number of opperations 4 x 1 3(means reflects first,second,third points according to x-axis) count 1 3 y 1 2 count 1 3 sample output: q1 q2 q3 q4 1 1 0 2 0 0 1 3 Hello: I have this js function: Code: <script type="text/javascript">
function updatesum() {
document.PaymentForm.newbalance.value = (document.PaymentForm.balance.value -0) - (document.PaymentForm.paymentamount.value -0);
}
</script>
I want to round the value of Code: document.PaymentForm.newbalance.value to two decimal points. May I request some assistance! Hi all, I have a boss who wants to show 5000 points on a Google map. So far, only a fraction of this being displayed freezes the browser. I've been challenged to make this possible while still in the realm of the browser. Would the flash version of Google maps api be a better bet? Does flash provide a better framework for this kind of heavy usage? Hi all, I am trying to wrap a text selection with BBCode. I have it working, but there is one final part I need help with. First, here's the code I'm using: Code: var range = ed.selection.getRng(true);
var s = ed.dom.create('span', {}, '');
range.surroundContents(s);
s.innerHTML = open + s.innerHTML + close;
ed.selection.select(s);
This is an explanation of each line: get the user's selection as a W3C compatible range create an empty <span> element surround the selection range with the span convert the selection from "selection" to "[bbcode]selection[/bbcode]" by using innerHTML select the new <span> element Of course, selecting the span ALSO selects the BBCode open and close tag... like in this pictu So, the last thing I need to do (the whole point of this post)... how do I MOVE the range start and end points so that only the selection is selected and NOT the whole thing? I will greatly appreciate if someone can tell me how to move those selection start and end points... Thanks! -- Roger hey. ok so i have a page with an input field where a user can input a name. when they do so it will bring back the postcode for that name and then display a marker on a google map in the correct place. unfortunately some of the names have more than 1 result which means it needs to plot more than 1 marker on the map...ive spent a lot of time on this but cant figure it out. can someone help me please? here is the code for my page so far. <head> <title> New Document </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type="text/css"> html { height: 100% } body { height: 100%; margin: 0px; padding: 0px } #map_canvas { height: 50% } </style> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"> </script> <script type="text/javascript"> var geocoder; var map; function initialize() { geocoder = new google.maps.Geocoder(); var latlng = new google.maps.LatLng(52.63512, -1.68992); var myOptions = { zoom: 8, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP }; map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); } function codeAddress() { var address = document.getElementById("address").innerHTML geocoder.geocode( { 'address': address}, function(results, status) { if (status == google.maps.GeocoderStatus.OK) { map.setCenter(results[0].geometry.location); var marker = new google.maps.Marker({ map: map, position: results[0].geometry.location }); } else { alert("Geocode was not successful for the following reason: " + status); } }); } </script> </head> <body onload="initialize()"> <form action="maptest.asp" Method="POST"> <!--query = "SELECT id, tx_postcode FROM staff WHERE Left([last_name],1) Like '"&request("name")&"' ORDER BY id asc"--> <!--#include file="../admin/dataconn/dataConnOmiga.asp" --> <!--#include file="../omiga/include/functions-omiga.asp" --> <% query = "SELECT id, tx_postcode FROM staff WHERE last_name LIKE '"&request("name")&"' ORDER BY id asc" if request("name")<>"" then set avail = dataconnOmiga.execute(query) if not avail.EOF then While Not avail.EOF Response.Write "<b>" & "<div id=""address"">" & (avail("tx_postcode")) & "</div>" & "</b>" avail.MoveNext wend response.write "<input type=""button"" name=""submit"" value=""Plot on Map"" onclick=""codeAddress()"">" & "<br><br>" Response.Write "<BR>" end if ' Close the Recordset object and destroy it avail.Close Set avail = Nothing end if %> <!--#include file="../admin/dataconn/dataConnOmigaClose.asp" --> <input type="text" name="name" value=""> <input type="submit" name="submit" value="Search for Staff"> <div id="map_canvas" style="width:50%; height:50%"></div> </form> </body> ive never came across api's before and im very new to this so the more detailed you could be the better Hello, I am in the process of using the split function for splitting strings into an array. The problem I am dealing with is how to do this with local language. Not all languages us the space " " delimiter between words to write a phrase or sentence. I have a list of all of delimiters for english, japanese, chinese, korean in Decimal Code Point format. For example, the decimal code point equivalent for " " is 32. Is it possible to use the javascript split function with decimal code points? If not, how can I reformat them into a format that js would understand? Many thanks. This is the code that I'm presently using: Code: <script language="JavaScript" type="text/javascript">
<!--
function Cal(obj){
var total=0;
var ticked=0;
for (var zxc0=1;zxc0<obj['B'].length;zxc0++){
if (obj['B'][zxc0].checked){
total+=obj['B'].length-1;
ticked+=zxc0;
}
}
for (var zxc1=1;zxc1<obj['C'].length;zxc1++){
if (obj['C'][zxc1].checked){
total+=obj['C'].length-1;
ticked+=zxc1;
}
}
for (var zxc2=1;zxc2<obj['D'].length;zxc2++){
if (obj['D'][zxc2].checked){
total+=obj['D'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['E'].length;zxc2++){
if (obj['E'][zxc2].checked){
total+=obj['E'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['F'].length;zxc2++){
if (obj['F'][zxc2].checked){
total+=obj['F'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['G'].length;zxc2++){
if (obj['G'][zxc2].checked){
total+=obj['G'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['H'].length;zxc2++){
if (obj['H'][zxc2].checked){
total+=obj['H'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['I'].length;zxc2++){
if (obj['I'][zxc2].checked){
total+=obj['I'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['J'].length;zxc2++){
if (obj['J'][zxc2].checked){
total+=obj['J'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['K'].length;zxc2++){
if (obj['K'][zxc2].checked){
total+=obj['K'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['L'].length;zxc2++){
if (obj['L'][zxc2].checked){
total+=obj['L'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['M'].length;zxc2++){
if (obj['M'][zxc2].checked){
total+=obj['M'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['N'].length;zxc2++){
if (obj['N'][zxc2].checked){
total+=obj['N'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['O'].length;zxc2++){
if (obj['O'][zxc2].checked){
total+=obj['O'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['P'].length;zxc2++){
if (obj['P'][zxc2].checked){
total+=obj['P'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['Q'].length;zxc2++){
if (obj['Q'][zxc2].checked){
total+=obj['Q'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['R'].length;zxc2++){
if (obj['R'][zxc2].checked){
total+=obj['R'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['S'].length;zxc2++){
if (obj['S'][zxc2].checked){
total+=obj['S'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['T'].length;zxc2++){
if (obj['T'][zxc2].checked){
total+=obj['T'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['U'].length;zxc2++){
if (obj['U'][zxc2].checked){
total+=obj['U'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['V'].length;zxc2++){
if (obj['V'][zxc2].checked){
total+=obj['V'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['W'].length;zxc2++){
if (obj['W'][zxc2].checked){
total+=obj['W'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['X'].length;zxc2++){
if (obj['X'][zxc2].checked){
total+=obj['X'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['W'].length;zxc2++){
if (obj['W'][zxc2].checked){
total+=obj['W'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['X'].length;zxc2++){
if (obj['X'][zxc2].checked){
total+=obj['X'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['Y'].length;zxc2++){
if (obj['Y'][zxc2].checked){
total+=obj['Y'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['Z'].length;zxc2++){
if (obj['Z'][zxc2].checked){
total+=obj['Z'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['AA'].length;zxc2++){
if (obj['AA'][zxc2].checked){
total+=obj['AA'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['AB'].length;zxc2++){
if (obj['AB'][zxc2].checked){
total+=obj['AB'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['AC'].length;zxc2++){
if (obj['AC'][zxc2].checked){
total+=obj['AC'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['AD'].length;zxc2++){
if (obj['AD'][zxc2].checked){
total+=obj['AD'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['AE'].length;zxc2++){
if (obj['AE'][zxc2].checked){
total+=obj['AE'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['AF'].length;zxc2++){
if (obj['AF'][zxc2].checked){
total+=obj['AF'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['AG'].length;zxc2++){
if (obj['AG'][zxc2].checked){
total+=obj['AG'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['AH'].length;zxc2++){
if (obj['AH'][zxc2].checked){
total+=obj['AH'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['AI'].length;zxc2++){
if (obj['AI'][zxc2].checked){
total+=obj['AI'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['AJ'].length;zxc2++){
if (obj['AJ'][zxc2].checked){
total+=obj['AJ'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['AK'].length;zxc2++){
if (obj['AK'][zxc2].checked){
total+=obj['AK'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['AL'].length;zxc2++){
if (obj['AL'][zxc2].checked){
total+=obj['AL'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['AM'].length;zxc2++){
if (obj['AM'][zxc2].checked){
total+=obj['AM'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['AN'].length;zxc2++){
if (obj['AN'][zxc2].checked){
total+=obj['AN'].length-1;
ticked+=zxc2;
}
}
for (var zxc2=1;zxc2<obj['AO'].length;zxc2++){
if (obj['AO'][zxc2].checked){
total+=obj['AO'].length-1;
ticked+=zxc2;
}
}
obj['Score'].value='Sco '+ticked+'/'+total;
}
//-->
</script>
However, what this piece of code does is that, every radio button gets only 1 point. What I intended is that every subsequent radio button in each <td> garners incremental points by 1. Eg: Q1, 1st radio button gets 0pt, 2nd radio button gets 1pt, 3rd radio button gets 2pt. Does anyone have any idea how to implement that, all help are greatly appreciated! hi, I've got a problem and i really need help. this is my code <script> var y= new Date(); y.getFullYear() + '<br />'; alert(y); var year = new Date(); year.setFullYear(prompt('Enter the year','1990'),prompt('Enter the month','1'), prompt('Enter the day','1')); alert(year); var yy = y-year; alert(yy); </script> i want when a user write his/her birthday JS calculate the age. that's all anyone would you help me I have some problem to calculate PHP Code: <table width="415" cellspacing="1" cellpadding="1"> <tr> <th width="151" scope="col">Price</th> <th width="189" scope="col">qty</th> <th width="63" scope="col">total</th> </tr> <tr> <td><label> <input name="price" type="text" id="price" value="2000"> </label></td> <td><label> <input name="qty" type="text" id="qty" value="2"> </label></td> <td><label> <input name="total" type="text" id="total" value="4000"> </label></td> </tr> <tr> <td><input name="price" type="text" id="price" value="2000"></td> <td><input name="qty" type="text" id="qty" value="4"></td> <td><input name="total" type="text" id="total" value="8000"></td> </tr> <tr> <td> </td> <td>Total</td> <td><label> <input name="gtotal" type="text" id="gtotal" value="12000"> </label></td> </tr> </table> How to calucate it from price * qty = Total and gtotal=sum of total, in the first rows. Ican do it if there is one row, but i dont know how to calculate samae name of text field like in 2nd or more rows I want to do a calculation between selectbox values. The problem with my code is that the first part of the calculation only gives me 0, which Motherboard value*quantity. the second part works fine which Chassis*quantity. My formulas is motherbord*Quanity+chassis*quantity. Code:
function calculate() {
var parsedMotherboard = parseFloat(document.calcform.Motherboard.value || 0);
var parsedQuantity = parseFloat(document.calcform.Quantity.value || 0); var parsedChassis = parseFloat(document.calcform.Chassis.value || 0);
var parsedQuantity1 = parseFloat(document.calcform.Quantity1.value ||0);
document.calcform.total.value = (parsedMotherboard * parsedQuantity + parsedChassis * parsedQuantity1); }
PHP Code: echo "<tr><td align='left' width='90%'>"; $result = mysql_query("SELECT Motherboard_Part_Number, Motherboard_Name, Motherboard_Price FROM Motherboard ") or die(mysql_error()); echo '<select id="Motherboard" class="SelectClass" name="Motherboard" ONCHANGE="calculate()">'; // keeps getting the next row until there are no more to get while($row = mysql_fetch_array( $result )) { // Print out the contents of each row into a table echo '<option Name="Motherboard" value= ',$row['Motherboard_Price'],'>',$row['Motherboard_Part_Number'],' ',$row['Motherboard_Name'],' $',$row['Motherboard_Price'],' ','</option>'; } echo '</select>'; echo "</td>"; echo "<td align='right' width='10%'>"; $result= mysql_query("SELECT Number FROM Quantity") or die(mysql_error()); echo '<select id="Quantity" class="SelectClass" name="Quantity" Value="Quantity" ONCHANGE="calculate()" >'; // keeps getting the next row until there are no more to get while($row = mysql_fetch_array( $result)) { // Print out the contents of each row into a table echo '<option value=',$row['Number'],'>',$row['Number'],'</option>'; } echo '</select>'; echo "</td></tr>"; echo "<tr><td align='left' width='90%'>"; $result = mysql_query("SELECT Chassis_Part_Number, Chassis_Name, Chassis_Price FROM Chassis where Chassis_Form_Factor='ATX'") or die(mysql_error()); echo '<select id="Chassis" class="SelectClass" name="Chassis" ONCHANGE="calculate()">'; // keeps getting the next row until there are no more to get while($row = mysql_fetch_array( $result )) { // Print out the contents of each row into a table echo '<option Name="Chassis" value= ',$row['Chassis_Price'],'>',$row['Chassis_Part_Number'],' ',$row['Chassis_Name'],' $',$row['Chassis_Price'],' ','</option>'; } echo '</select>'; echo "</td>"; echo "<td align='right' width='10%'>"; $result= mysql_query("SELECT Number FROM Quantity") or die(mysql_error()); echo '<select id="Quantity" class="SelectClass" name="Quantity1" Value="Quantity" ONCHANGE="calculate()" >'; // keeps getting the next row until there are no more to get while($row = mysql_fetch_array( $result)) { // Print out the contents of each row into a table echo '<option value=',$row['Number'],'>',$row['Number'],'</option>'; } echo '</select>'; echo "</td></tr>"; |
|||||||