Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Chriss Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

below is the source code for my si 1

Status
Not open for further replies.
prasoon

prasoon

Programmer
Nov 15, 2002
67
IN
below is the source code for my simple product cataloge using JAVASCRIPT.. & its giving me error... can anyone help me out.. pls..
<html>
<head>
<title> Product cataloge</title>
<script language=&quot;javascript&quot;>

funtion autocalc()
{
document.all.item(&quot;total&quot;).value =&quot;$ 0.00&quot;;
document.all.item(&quot;total1&quot;).value = (document.all.item(&quot;price1&quot;).value * document.all.item(&quot;qty&quot;).value);
document.all.item(&quot;total2&quot;).value = (document.all.item(&quot;price2&quot;).value * document.all.item(&quot;qty1&quot;).value);

document.all.item(&quot;total3&quot;).value = (document.all.item(&quot;price3&quot;).value*document.all.item(&quot;qty2&quot;).value);

document.all.item(&quot;total4&quot;).value = (document.all.item(&quot;price4&quot;).value*document.all.item(&quot;qty3&quot;).value);

document.all.item(&quot;total5&quot;).value = (document.all.item(&quot;price5&quot;).value*document.all.item(&quot;qty4&quot;).value);

document.all.item(&quot;total6&quot;).value = (document.all.item(&quot;price6&quot;).value*document.all.item(&quot;qty5&quot;).value);
document.all.item(&quot;total&quot;).value=(document.all.item(&quot;total1&quot;).value + document.all.item(&quot;total2&quot;).value +

document.all.item(&quot;total3&quot;).value + document.all.item(&quot;total4&quot;).value + document.all.item(&quot;total5&quot;).value +

document.all.item(&quot;total6&quot;).value);
document.all.item(&quot;sub_total&quot;) = document.all.item(&quot;total&quot;) + (document.all.item(&quot;total&quot;) * 0.05);
}
</script></head>
<body bgcolor= &quot;#ff9999&quot;onload=&quot;&quot;>
<b>Product cataloge for the Course of &quot;Studies of Social Information&quot;.</b>
</body>

<form action=/cgi-bin/gdw1J23.cgi method=POST name=&quot;Product cataloge&quot;>
<input type=&quot;hidden&quot;name=&quot;theme&quot; value=&quot;Product Cataloge&quot;>
<input type=&quot;hidden&quot;name=&quot;author&quot; value=&quot;prasogu1&quot;>

Product:<input name=&quot;prod1&quot; type=text size=&quot;20&quot;value=&quot;Product name&quot;></input> Quantity:<input name=&quot;qty&quot; type=text

size=&quot;20&quot;value=&quot;0&quot; onchange=&quot;autocalc();&quot;></input> Price:<input name=&quot;price1&quot; type=text size=&quot;20&quot; value=&quot;$0.00&quot;

onchange=&quot;autocalc();&quot;></input> Total:<input name=&quot;total1&quot; type=text size=&quot;20&quot;value=&quot;$0.00&quot; readonly></input><br />

Product:<input name=&quot;prod2&quot; type=text size=&quot;20&quot;value=&quot;Product name&quot;></input> Quantity:<input name=&quot;qty1&quot; type=text

size=&quot;20&quot;value=&quot;0&quot; onchange=&quot;autocalc();&quot;></input> Price:<input name=&quot;price2&quot; type=text size=&quot;20&quot; value=&quot;$0.00&quot;

onchange=&quot;autocalc();&quot;></input> Total:<input name=&quot;total2&quot; type=text size=&quot;20&quot;value=&quot;$0.00&quot; readonly></input><br />

Product:<input name=&quot;prod3&quot; type=text size=&quot;20&quot;value=&quot;Product name&quot;></input> Quantity:<input name=&quot;qty2&quot; type=text

size=&quot;20&quot;value=&quot;0&quot; onchange=&quot;autocalc();&quot;></input>Price:<input name=&quot;price3&quot; type=text size=&quot;20&quot; value=&quot;$0.00&quot;

onchange=&quot;autocalc();&quot;></input> Total:<input name=&quot;total3&quot; type=text size=&quot;20&quot;value=&quot;$0.00&quot; readonly></input><br />

Product:<input name=&quot;prod4&quot; type=text size=&quot;20&quot;value=&quot;Product name&quot;></input> Quantity:<input name=&quot;qty3&quot; type=text

size=&quot;20&quot;value=&quot;0&quot; onchange=&quot;autocalc();&quot;></input> Price:<input name=&quot;price4&quot; type=text size=&quot;20&quot; value=&quot;$0.00&quot;

onchange=&quot;autocalc();&quot;></input> Total:<input name=&quot;total4&quot; type=text size=&quot;20&quot;value=&quot;$0.00&quot; readonly></input><br />

Product:<input name=&quot;prod5&quot; type=text size=&quot;20&quot;value=&quot;Product name&quot;></input> Quantity:<input name=&quot;qty4&quot; type=text

size=&quot;20&quot;value=&quot;0&quot; onchange=&quot;autocalc();&quot;></input> Price:<input name=&quot;price5&quot; type=text size=&quot;20&quot; value=&quot;$0.00&quot;

onchange=&quot;autocalc();&quot;></input> Total:<input name=&quot;total5&quot; type=text size=&quot;20&quot;value=&quot;$0.00&quot; readonly></input><br />

Product:<input name=&quot;prod6&quot; type=text size=&quot;20&quot;value=&quot;Product name&quot;></input> Quantity:<input name=&quot;qty5&quot; type=text

size=&quot;20&quot;value=&quot;0&quot; onchange=&quot;autocalc();&quot;></input> Price:<input name=&quot;price6&quot; type=text size=&quot;20&quot; value=&quot;$0.00&quot;

onchange=&quot;autocalc();&quot;></input> Total:<input name=&quot;total6&quot; type=text size=&quot;20&quot;value=&quot;$0.00&quot; readonly></input><br />

Sub Total:<input name=&quot;total&quot; type=text size=&quot;20&quot;value=&quot;$0.00&quot; readonly></input><br />

Total:<input name=&quot;sub_total&quot; type=text size=&quot;20&quot;value=&quot;$0.00&quot; readonly></input><br />

<input type =&quot;button&quot; name= &quot;Calculate&quot; value=&quot;Calulate&quot; onclick=&quot;autocalc();&quot; /><br />
<input type =&quot;submit&quot; /><br />
</form>
</html>


thanks prasoon
 
Sort by date Sort by votes
Many errors. Mispelled &quot;function&quot;. Treated strings as numbers (even thought they had the dollar sign &quot;$&quot; in them. Forgot &quot;.value&quot; in last line (3x). Put total row on multiple lines (javascript reads line breaks as &quot;;&quot;).
You need to error check. What if user enters a letter?

<html>
<head>
<title> Product cataloge</title>
<script language=&quot;javascript&quot;>

function autocalc()
{
document.all.item(&quot;total&quot;).value =&quot;$ 0.00&quot;;
document.all.item(&quot;total1&quot;).value = (document.all.item(&quot;price1&quot;).value * document.all.item(&quot;qty&quot;).value);
document.all.item(&quot;total2&quot;).value = (document.all.item(&quot;price2&quot;).value * document.all.item(&quot;qty1&quot;).value);

document.all.item(&quot;total3&quot;).value = (document.all.item(&quot;price3&quot;).value*document.all.item(&quot;qty2&quot;).value);

document.all.item(&quot;total4&quot;).value = (document.all.item(&quot;price4&quot;).value*document.all.item(&quot;qty3&quot;).value);

document.all.item(&quot;total5&quot;).value = (document.all.item(&quot;price5&quot;).value*document.all.item(&quot;qty4&quot;).value);

document.all.item(&quot;total6&quot;).value = (document.all.item(&quot;price6&quot;).value*document.all.item(&quot;qty5&quot;).value);

document.all.item(&quot;total&quot;).value=(parseFloat(document.all.item(&quot;total1&quot;).value) + parseFloat(document.all.item(&quot;total2&quot;).value) +parseFloat(document.all.item(&quot;total3&quot;).value) + parseFloat(document.all.item(&quot;total4&quot;).value) + parseFloat(document.all.item(&quot;total5&quot;).value) + parseFloat(document.all.item(&quot;total6&quot;).value));

document.all.item(&quot;sub_total&quot;).value = (parseFloat(document.all.item(&quot;total&quot;).value) + (parseFloat(document.all.item(&quot;total&quot;).value) * 0.05));
}
</script>
</head>
<body bgcolor= &quot;#ff9999&quot; onload=&quot;&quot;>
<b>Product cataloge for the Course of &quot;Studies of Social Information&quot;.</b>


<form action=/cgi-bin/gdw1J23.cgi method=POST name=&quot;Product cataloge&quot;>
<input type=&quot;hidden&quot;name=&quot;theme&quot; value=&quot;Product Cataloge&quot;>
<input type=&quot;hidden&quot;name=&quot;author&quot; value=&quot;prasogu1&quot;>

Product:<input name=&quot;prod1&quot; type=text size=&quot;20&quot;value=&quot;Product name&quot;></input>
Quantity:<input name=&quot;qty&quot; type=text size=&quot;20&quot;value=&quot;0&quot; onchange=&quot;autocalc();&quot;></input>
Price:<input name=&quot;price1&quot; type=text size=&quot;20&quot; value=&quot;0.00&quot; onchange=&quot;autocalc();&quot;></input>
Total:<input name=&quot;total1&quot; type=text size=&quot;20&quot;value=&quot;0.00&quot; readonly></input>
<br />
Product:<input name=&quot;prod2&quot; type=text size=&quot;20&quot;value=&quot;Product name&quot;></input>
Quantity:<input name=&quot;qty1&quot; type=text size=&quot;20&quot;value=&quot;0&quot; onchange=&quot;autocalc();&quot;></input>
Price:<input name=&quot;price2&quot; type=text size=&quot;20&quot; value=&quot;0.00&quot; onchange=&quot;autocalc();&quot;></input>
Total:<input name=&quot;total2&quot; type=text size=&quot;20&quot;value=&quot;0.00&quot; readonly></input><br />

Product:<input name=&quot;prod3&quot; type=text size=&quot;20&quot;value=&quot;Product name&quot;></input>
Quantity:<input name=&quot;qty2&quot; type=text size=&quot;20&quot;value=&quot;0&quot; onchange=&quot;autocalc();&quot;></input>
Price:<input name=&quot;price3&quot; type=text size=&quot;20&quot; value=&quot;0.00&quot; onchange=&quot;autocalc();&quot;></input>
Total:<input name=&quot;total3&quot; type=text size=&quot;20&quot;value=&quot;0.00&quot; readonly></input>
<br />
Product:<input name=&quot;prod4&quot; type=text size=&quot;20&quot;value=&quot;Product name&quot;></input>
Quantity:<input name=&quot;qty3&quot; type=text size=&quot;20&quot;value=&quot;0&quot; onchange=&quot;autocalc();&quot;></input>
Price:<input name=&quot;price4&quot; type=text size=&quot;20&quot; value=&quot;0.00&quot; onchange=&quot;autocalc();&quot;></input>
Total:<input name=&quot;total4&quot; type=text size=&quot;20&quot;value=&quot;0.00&quot; readonly></input>
<br />
Product:<input name=&quot;prod5&quot; type=text size=&quot;20&quot;value=&quot;Product name&quot;></input>
Quantity:<input name=&quot;qty4&quot; type=text size=&quot;20&quot;value=&quot;0&quot; onchange=&quot;autocalc();&quot;></input>
Price:<input name=&quot;price5&quot; type=text size=&quot;20&quot; value=&quot;0.00&quot; onchange=&quot;autocalc();&quot;></input>
Total:<input name=&quot;total5&quot; type=text size=&quot;20&quot;value=&quot;0.00&quot; readonly></input>
<br />

Product:<input name=&quot;prod6&quot; type=text size=&quot;20&quot;value=&quot;Product name&quot;></input>
Quantity:<input name=&quot;qty5&quot; type=text size=&quot;20&quot;value=&quot;0&quot; onchange=&quot;autocalc();&quot;></input>
Price:<input name=&quot;price6&quot; type=text size=&quot;20&quot; value=&quot;0.00&quot; onchange=&quot;autocalc();&quot;></input>
Total:<input name=&quot;total6&quot; type=text size=&quot;20&quot;value=&quot;0.00&quot; readonly></input>
<br />
Sub Total:<input name=&quot;total&quot; type=text size=&quot;20&quot;value=&quot;0.00&quot; readonly></input>
<br />
Total:<input name=&quot;sub_total&quot; type=text size=&quot;20&quot;value=&quot;0.00&quot; readonly></input>
<br />
<input type =&quot;button&quot; name= &quot;Calculate&quot; value=&quot;Calculate&quot; onclick=&quot;autocalc();&quot; />
<br />
<input type =&quot;submit&quot; />
<br />
</form>
</body>
</html> -----------------------------------------------------------------
DIM bulb
SET bulb = NEW brain

mikewolf@tst-us.com
 
Upvote 0 Downvote
thanx..
i also made this script working but the other way round...
thanx a lot for yr reply..
prasoon
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

TheLazyPig
  • Locked
  • Question
Buttons not aligned after another button is clicked
Replies
2
Views
404
gmmastros
gmmastros
jomat
  • Locked
  • Question
JS to show the timer in html under title instead of in the status bar
Replies
2
Views
915
xwb
xwb
rogerte
  • Locked
  • Question
Code that works on Windows, Android and Iphone
Replies
0
Views
731
rogerte
rogerte
malpa
  • Locked
  • Question
Graph the selection of a html table row
Replies
0
Views
815
malpa
malpa
JScannell
  • Locked
  • Question
Google Chrome doesn't load my javascript files
Replies
1
Views
668
JScannell
JScannell

Part and Inventory Search

Sponsor

Back
Top