Hi everyone… i’m new to JavaScript. i’m stuck with my coding please any help will appreciate.
My problem with the coding is, when user enter the amount inside quantity box, the total amount will x the quantity(example , quantity 2 x MYR72 = MYR144) but the amount wont show up at sub-total. Other calculation like shipping cost & total (shipping cost + sub-total) all working fine. sorry for bad English & thank you in advanced.
<?php
require_once 'library/config.php';
require_once 'library/cart-functions.php';
$action = (isset($_GET['action']) && $_GET['action'] != '') ? $_GET['action'] : 'view';
switch ($action) {
case 'add' :
addToCart();
break;
case 'update' :
updateCart();
break;
case 'delete' :
deleteFromCart();
break;
case 'view' :
}
$cartContent = getCartContent();
$numItem = count($cartContent);
$pageTitle = 'Shopping Cart';
require_once 'include/header.php';
// show the error message ( if we have any )
displayError();
if ($numItem > 0 ) {
?>
<head>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.green_txt {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #3b7b37;
}
.green_txt_2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #3b7b37;
}
.black_txt {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}
.black_txt_2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
}
.black_txt33{
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}
.yellow_txt {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ffde00;
}
.update_btn {
background:url(images/btn_update_cart.gif) no-repeat;
width:102;
height:22;
border:none;
}
-->
</style>
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<script type="text/javascript">
<!-- Begin
function doMath() {
var one = eval(document.getElementById('txtQty[]').value) //one = quantity
var price = 0;
var state = document.frmCart.state.value;
//alert(one);
if(state == "east"){
if (one == 1){
price = 6;
}
else if (one == 2){
price = 8;
}
else if (one == 3){
price = 10;
}
else if (one == 4){
price = 12;
}
else if (one == 5){
price = 12.50;
}
else if (one == 6){
price = 13;
}
else if (one == 7){
price = 14;
}
else if (one == 8){
price = 0;
}
}
else if(state == "west"){
if (one == 1){
price = 9.30;
}
if (one == 2){
price = 12;
}
if (one == 3){
price = 17.25;
}
if (one == 4){
price = 20;
}
if (one == 5){
price = 21;
}
if (one == 6){
price = 22;
}
if (one == 7){
price = 23.45;
}
if (one == 8){
price = 0;
}
}
document.getElementById('ct_qty').innerText; // pd_price * ct_qty
//document.frmCart.amount.innerText=price;
document.getElementById('amount').innerText = price;
//alert("asdf");
var test = document.getElementById('subtotal').innerText;
//alert(test);
test = test.substring(3);
//alert(test);
document.getElementById('total').innerText = price + parseInt(test);
}
//function custRound(x,places) {
//return (Math.round(x*Math.pow(10,places)))/Math.pow(10,places)
//}
// End -->s
</script>
</head>
<body onLoad="MM_preloadImages('../images/btn_home_roll.gif','../images/btn_about_roll.gif','../images/btn_bloomingcare_roll.gif','../images/btn_promotion_roll.gif','../images/btn_contactus_roll.gif'), doMath()" >
<table width="900" border="0" align="center" cellpadding="0" cellspacing="0"><tr><td align="center"><table width="900" border="0" align="center" cellpadding="0" cellspacing="0"><tr><td align="center" bgcolor="#b6df51"><table width="800" border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><table width="900" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center"><table width="900" border="0" align="center" cellpadding="0" cellspacing="0">
<tr><form action="<?php echo $_SERVER['PHP_SELF'] . "?action=update"; ?>" method="post" name="frmCart" id="frmCart">
<td align="center" bgcolor="#b6df51"><table width="800" border="0" cellspacing="0" cellpadding="0" >
<tr>
<td align="left"><img src="images/title_purchase_online.gif" width="280" height="25" /></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td align="center"><table width="800" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table width="800" border="0" cellpadding="0" cellspacing="0" bgcolor="#3b7b37">
<tr>
<td width="15"><img src="images/title_box_left.gif" width="15" height="30" /></td>
<td width="770"><table width="770" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="170" align="center" class="yellow_txt"><strong>Item</strong></td>
<td width="213" align="center"> </td>
<td width="141" align="center"><strong class="yellow_txt">Unit Price</strong></td>
<td width="106" align="center"><strong class="yellow_txt">Quantity</strong></td>
<td width="110" align="center"><strong class="yellow_txt">Total</strong></td>
<td width="30" align="center"> </td>
</tr>
</table></td>
<td width="15"><img src="images/title_box_right.gif" width="15" height="30" /></td>
</tr>
</table></td>
</tr>
<?php
$subTotal = 0;
for ($i = 0; $i < $numItem; $i++) {
extract($cartContent[$i]);
$productUrl = "other_products.php?c=$cat_id&p=$pd_id";
$subTotal += $pd_price * $ct_qty;
?>
<tr>
<td> </td>
</tr>
<tr>
<td align="center"><table width="770" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="170" align="center" class="yellow_txt"><table width="150" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
</tr>
<tr>
<td width="116" align="center" valign="top" bgcolor="#b6df51"><a href="<?php echo $productUrl; ?>"><img src="<?php echo $pd_thumbnail; ?>" width="116" height="116" border="0" /></a><a href="<?php echo $productUrl; ?>"></a></td>
</tr>
<tr>
</tr>
</table></td>
<td width="220" align="left" class="green_txt"><strong><a href="<?php echo $productUrl; ?>" style="text-decoration: none"><font color="000000"><?php echo $pd_name; ?></font></a></strong></td>
<td width="128" align="center"><strong class="black_txt"><?php echo displayAmount($pd_price); ?></strong></td>
<td width="112" align="center"><input name="txtQty[]" type="text" id="txtQty[]" size="5" value="<?php echo $ct_qty; ?>" class="box" onKeyUp="checkNumber(this);">
<input name="hidCartId[]" type="hidden" value="<?php echo $ct_id; ?>">
<input name="hidProductId[]" type="hidden" value="<?php echo $pd_id; ?>"></td>
<td width="110" align="center"><strong class="black_txt" id="ct_qty"><?php echo displayAmount($pd_price * $ct_qty); ?></strong></td>
<td width="30" align="center" valign="middle"><a href="#"> <img src="images/btn_delete.png" width="16" height="16" border="0" onClick="window.location.href='<?php echo $_SERVER['PHP_SELF'] . "?action=delete&cid=$ct_id"; ?>';" /></a> </tr>
</table></td>
</tr>
<?php
}
?>
<tr>
<td> </td>
</tr>
<tr>
<td><table width="800" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="13" height="13"><img src="images/text_box_big_left1.gif" width="13" height="13" /></td>
<td width="774" height="13" bgcolor="#ffde00"><span class="style10"><img src="images/spacer.gif" width="13" height="13" /></span></td>
<td width="13" height="13"><img src="images/text_box_big_right1.gif" width="13" height="13" /></td>
</tr>
<tr>
<td bgcolor="#ffde00"> </td>
<td height="50" align="center" bgcolor="#ffde00"><table width="770" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="132" align="center" class="yellow_txt"> </td>
<td width="147" align="left" class="green_txt"> </td>
<td width="113" align="center"> </td>
<td width="102" align="center" class="black_txt"><strong>Sub-total</strong></td>
<td colspan="2" align="center"><strong class="black_txt" id="subtotal"><?php echo displayAmount($subTotal); ?></strong></td>
<td width="19" align="center" valign="middle"> </td>
</tr>
<tr>
<td colspan="7" align="center" class="yellow_txt"><img src="images/spacer.gif" width="10" height="10" /></td>
</tr>
<!-------------------------------------------- shipping cost--------------------------------------------------->
<tr>
<td align="center" > </td>
<td align="left" class="green_txt"> </td>
<td> </td>
<td align="center" class="black_txt"><strong>State</strong></td>
<td colspan="2" align="center"> <select name="state">
<option value="east" selected>East Malaysia</option>
<option value="west">Peninsular Malaysia</option>
</select> </td>
<td align="center" valign="middle"> </td>
</tr>
<tr>
<td colspan="7" align="center" class="yellow_txt"><img src="images/spacer.gif" width="10" height="10" /></td>
</tr>
<tr>
<td align="center" class="yellow_txt"> </td>
<td align="left" class="green_txt"> </td>
<td align="center"> </td>
<td align="center" class="black_txt"><strong>Shipping</strong></td>
<td width="132" align="right"> <strong class="black_txt">
MYR</strong><!--<input type="text" name="amount" disabled="disabled" size="17" style="background-color:transparent;" border="none" >--></td>
<td width="121" align="left"><strong class="black_txt">
<div name="amount" id="amount"> 0</div></strong></td>
<td align="center" valign="middle"> </td>
</tr>
<tr>
<td align="center" class="yellow_txt"> </td>
<td align="left" class="green_txt"> </td>
<td align="center"> </td>
<td align="center" class="black_txt33"> </td>
<td colspan="2" align="center" class="black_txt33">
<font color="#FF0000">*Purchases of 8 boxes onwards free delivery charges.</font> </td>
<td align="center" valign="middle"> </td>
</tr>
<!------------------------------------------------------------------------------------------------------>
<tr>
<td colspan="7" align="center" class="yellow_txt"><img src="images/spacer.gif" width="10" height="10" /></td>
</tr>
<tr>
<td align="center" class="yellow_txt"> </td>
<td align="left" class="green_txt"> </td>
<td align="center"> </td>
<td align="center" class="black_txt"><strong>Total</strong></td>
<td width="132" align="right"> <strong class="black_txt">
MYR</strong><!--<input type="text" name="amount" disabled="disabled" size="17" style="background-color:transparent;" border="none" >--></td>
<td colspan="2" align="left"><strong class="black_txt" id="total"><?php echo displayAmount($subTotal);// + $shopConfig['shippingCost']); ?></strong> </td>
<td width="4" align="center" valign="middle"> </td>
</tr>
<tr>
<td colspan="7" align="center" class="yellow_txt"><img src="images/spacer.gif" width="10" height="10" /></td>
</tr>
<tr>
<td align="center" class="yellow_txt"> </td>
<td align="left" class="green_txt"> </td>
<td align="center"> </td>
<td align="center"> </td>
<td colspan="2" align="center"><input type="button" class="update_btn" src="images/btn_update_cart.gif" width="102" height="22" border="0" name="btnUpdate" id="btnUpdate" onClick="doMath()"><!--value="submit"--></td>
<td align="center" valign="middle"> </td>
</tr>
</table></td>
<td bgcolor="#ffde00"> </td>
</tr>
<tr>
<td width="13" height="13"><img src="images/text_box_big_left2.gif" width="13" height="13" /></td>
<td bgcolor="#ffde00"><span class="style10"><img src="images/spacer.gif" width="13" height="13" /></span></td>
<td width="13" height="13"><img src="images/text_box_big_right2.gif" width="13" height="13" /></td>
</tr>
<tr>
<td> </td>
</tr>
</table></td>
</tr>
<tr>
<?php
$shoppingReturnUrl = isset($_SESSION['shop_return_url']) ? $_SESSION['shop_return_url'] : 'other_products.php';
?>
<tr>
<td align="center"><table width="340" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
<td><a href="#"> <img src="images/btn_continue_shopping.gif" width="162" height="22" border="0" onClick="window.location.href='<?php echo $shoppingReturnUrl; ?>';" /></a></td>
<?php
if ($numItem > 0) {
?>
<td width="20"> </td>
<td><a href="#"> <img src="images/btn_continue_checkout.gif" width="162" height="22" border="0" onClick="window.location.href='checkout.php?step=1';"/></a></td>
<?php
}
?>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td align="center"> </td>
</tr>
</table></td></form>
</tr>
</table></td>
</tr>
</table>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</body>
</html>