Tutorial PHP Pemula & Mahir

Question

perklian data dengan javascript

ant · Nov 6, 2012

mas ellyx, mohon bantuanya untuk perkalian data array?

					function hitung() {
					var n = [0];
					var price = document.getElementsByName("price[]")[n].value;
					var qty = document.getElementsByName("qty[]")[n].value;
					var total = parseInt(price) * parseInt(qty);
					document.getElementsByName("total[]")[n].value = total;
					} 
					</script>

Nah script diatas hanya menghitung array pertama? untuk membaca array berikutnya bagaimana ya mas? Jadi agar selalu membaca array berkelanjutan?terimakasih? mohon bantuannya!!!

Silahkan login untuk menjawab!

Answer 1

0

Ellyx Christian · Nov 6, 2012 · 1 Suka · 1 Tidak Suka

itu tergantung dari tag html yang kamu buat, bisa berikan contoh tag htmlnya?

Answer 2

0

ant · Nov 7, 2012 · 0 Suka · 0 Tidak Suka

ini mas:

<tr>
					      
 <td><input type="text" name="price" value="<?php echo $r['price']; ?>"  onKeyUp='hitung()' class="fixed" /></td>
<td><input type="text" name="qty" value="0" onKeyUp='hitung()' class="fixed"/></td>
<td align="right"><input type="text" name="total" value="0" class="fixed"  readonly="total" /></td>
</tr>

Answer 3

0

ant · Nov 7, 2012 · 0 Suka · 0 Tidak Suka

Sudah bisa mas? Tetapi untuk menghitung GRAND TOTAL sama TOTAL QTY bagaimana ya mas? ni codingnya?

 <table cellpadding="0" cellspacing="0" border="0" class="stdtable">
                    <colgroup>
                        <col class="con0" />
                        <col class="con1" />
                        <col class="con0" />
                        <col class="con1" />
                        <col class="con0" />
                        <col class="con1" />
                        <col class="con0" />
						<col class="con1" />
						<col class="con0" />
						<col class="con1" />
                    </colgroup>
                    <thead>
                        <tr>
                            <th class="head0">PO #</th>
                            <th class="head1">Product Name</th>
                            <th class="head0">Product #</th>
                            <th class="head1">Design Name</th>
                            <th class="head0">Description</th>
							<th class="head1">Price</th>
                            <th class="head0">x</th>
							<th class="head0">Qty</th>
							<th class="head1">Total</th>
							<th class="head0">Act</th>
                        </tr>
                    </thead>
                    <tfoot>

                        <tr>
                             <th colspan="7" class="head0">GRAND TOTAL</th>
							<th class="head0"><input type="text" name="total_qty" value="0" class="total"  readonly="" /></th>
							<th class="head1"><input type="text" name="total_qty" value="0" class="total"  readonly="" /></th>
							 <th class="head0"></th>
                        </tr>
                    </tfoot>
					<?php 
					$sql="select * from cart_po";
					$query=mysql_query($sql);
					while ($r=mysql_fetch_array($query)){

					?>
					
                    <tbody>
					<tr>
					        <td><?php echo $r['id_detail']; ?></td>
                            <td><?php echo $r['product_name']; ?></td> 
                            <td><?php echo $r['product_code']; ?></td>
                           	<td><?php echo $r['design']; ?></td>
							<td><?php echo $r['description']; ?></td>
                            <td><input type="text" name="price[]" value='<?php echo $r['price'];  ?>'  class="price" /></td>
							<td style="text-align: center;">x</td>
                            <td><input type="text" name="qty[]" value='0' class="qty"/></td>
                           	<td align="right"><input type="text" name="total[]" value="0" class="total"  readonly="total[]" /></td>
							<td><a href="home.php?source=delete-cart-po&code=<?php echo $r['product_code'];?>" onclick='return confirm("Are you sure to delete this data?");'><img src="images/icons/default/trash.png" title="Delete Data" /></a></td>
</tr>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$(".price").keyup(function(){
var total = $(this).parent().next().next().next().find('.total');
var qty = $(this).parent().next().next().find('.qty');
$(total).val($(this).val() * $(qty).val());
});
$(".qty").keyup(function(){
var total = $(this).parent().next().find('.total');
var price = $(this).parent().prev().prev().find('.price');
$(total).val($(this).val() * $(price).val());
});

</script>
	<?php }?>
 </tbody>
</table>

Answer 4

0

Ellyx Christian · Nov 8, 2012 · 0 Suka · 0 Tidak Suka

<tfoot>
 
                        <tr>
                             <th colspan="7" class="head0">GRAND TOTAL</th>
							<th class="head0"><input type="text" name="total_qty" value="0" readonly="" /></th>
							<th class="head1"><input type="text" name="total_price" value="0" readonly="" /></th>
							 <th class="head0"></th>
                        </tr>
                    </tfoot>
					<?php 
					$sql="select * from cart_po";
					$query=mysql_query($sql);
					while ($r=mysql_fetch_array($query)){
 
					?>
 
                    <tbody>
					<tr>
					        <td><?php echo $r['id_detail']; ?></td>
                            <td><?php echo $r['product_name']; ?></td> 
                            <td><?php echo $r['product_code']; ?></td>
                           	<td><?php echo $r['design']; ?></td>
							<td><?php echo $r['description']; ?></td>
                            <td><input type="text" name="price[]" value='<?php echo $r['price'];  ?>'  class="price" /></td>
							<td style="text-align: center;">x</td>
                            <td><input type="text" name="qty[]" value='0' class="qty"/></td>
                           	<td align="right"><input type="text" name="total[]" value="0" class="total"  readonly="total[]" /></td>
							<td><a href="home.php?source=delete-cart-po&code=<?php echo $r['product_code'];?>" onclick='return confirm("Are you sure to delete this data?");'><img src="images/icons/default/trash.png" title="Delete Data" /></a></td>
</tr>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$(".price").keyup(function(){
var total = $(this).parent().next().next().next().find('.total');
var qty = $(this).parent().next().next().find('.qty');
$(total).val($(this).val() * $(qty).val());
});
$(".qty").keyup(function(){
var total = $(this).parent().next().find('.total');
var price = $(this).parent().prev().prev().find('.price');
$(total).val($(this).val() * $(price).val());
});
function grandTotal(){
	var total = 0;
	var qty = 0;
	$('.total').each(function(){
		total += parseFloat($(this).val());
	});
	$('.qty.').each(function(){
		qty += parseFloat($(this).val());
	});
	$('input[name="total_price"]').val(total);
	$('input[name="total_qty"]').val(qty);
} 
</script>
	<?php }?>
 </tbody>
</table>

Answer 5

0

ant · Nov 8, 2012 · 0 Suka · 0 Tidak Suka

Terimakasih mas ellyx! untuk total qty tidak ada masalah? tapi untuk GRAND TOTAL (jumlah dari total) untuk baris yang paling bawah tidak kebaca dia mas? mohon bantuannya?
Misal data ada 3 baris: nah untuk grand total dia hanya ngebaca sampai baris ke-2 doang? jadi data baris ke-3 tidak terkalkulasi mas?
ini codingnya:

       <table cellpadding="0" cellspacing="0" border="0" class="stdtable">
                    <colgroup>
                        <col class="con0" />
                        <col class="con1" />
                        <col class="con0" />
                        <col class="con1" />
                        <col class="con0" />
                        <col class="con1" />
                        <col class="con0" />
						<col class="con1" />
						<col class="con0" />
						<col class="con1" />
                    </colgroup>
                    <thead>
                        <tr>
                            <th class="head0">PO #</th>
                            <th class="head1">Product Name</th>
                            <th class="head0">Product #</th>
                            <th class="head1">Design Name</th>
                            <th class="head0">Description</th>
							<th colspan="2" class="head1">Price</th>
							<th class="head0">Qty</th>
							<th class="head1">Total</th>
							<th class="head0">Act</th>
                        </tr>
                    </thead>
                    <tfoot>

                        <tr>
                             <th colspan="7" class="head1">GRAND TOTAL</th>
							<th class="head0"><input type="text" name="total_qty"  value="0"  id="fixed" readonly="" /></th>
							<th class="head1"><input type="text" name="grand_total" value="0" id="fixed" readonly="" /></th>
							 <th class="head0"></th>
                        </tr>
                    </tfoot>
					<?php 
					$sql="select * from cart_po";
					$query=mysql_query($sql);
					while ($r=mysql_fetch_array($query)){
					?>
					
                    <tbody>
					<tr>
					        <td><?php echo $r['id_detail']; ?></td>
                            <td style="text-transform:capitalize;"><?php echo $r['product_name']; ?></td> 
                            <td style="text-transform:uppercase;"><?php echo $r['product_code']; ?></td>
                           	<td style="text-transform:capitalize;"><?php echo $r['design']; ?></td>
							<td><?php echo $r['description']; ?></td>
                            <td ><input type="text" name="price[]" value='<?php echo $r['price'];  ?>' onkeyup="grandTotal()" id="fixed"class="price" /></td>
							<td style="text-align: center;">x</td>
                            <td ><input type="text" name="qty[]" value='0' id="fixed" onkeyup="grandTotal()" class="qty"/></td>
                           	<td align="right"><input type="text" name="total[]" value="0" onkeyup="grandTotal()" id="fixed" class="total"  readonly="total[]" /></td>
							<td ><a href="home.php?source=delete-cart-po&code=<?php echo $r['product_code'];?>" onclick='return confirm("Are you sure to delete this data?");'><img src="images/icons/default/trash.png" title="Delete Data" /></a></td>
</tr>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$(".price").keyup(function(){
var total = $(this).parent().next().next().next().find('.total');
var qty = $(this).parent().next().next().find('.qty');
$(total).val($(this).val() * $(qty).val());
});
$(".qty").keyup(function(){
var total = $(this).parent().next().find('.total');
var price = $(this).parent().prev().prev().find('.price');
$(total).val($(this).val() * $(price).val());
});
}); 
function grandTotal(){
var total = 0;
var qty = 0;
$('.total').each(function(){
total += parseFloat($(this).val());
});
$('.qty').each(function(){
qty += parseFloat($(this).val());
});
$('input[name="grand_total"]').val(total);
$('input[name="total_qty"]').val(qty);
}
</script>
<?php }?>
</tbody>
</table>

Answer 6

0

ant · Nov 14, 2012 · 0 Suka · 0 Tidak Suka

mohon bantuanya untuk permasalahan diatas mas? terimakasih!

Answer 7

0

Ellyx Christian · Nov 14, 2012 · 0 Suka · 0 Tidak Suka

kalau dari koding js, saya lihat tidak ada yang salah. Kemungkinan ada masalah di tag htmlnya. Coba kamu debug dengan firebug.
misal di fungsi grandTotal

function grandTotal(){
	var total = 0;
	var qty = 0;
	console.log($('.total')); //tambahkan ini untuk melihat berapa element dengan class="total"
	$('.total').each(function(){
		console.log($(this).val()); // tambahkan ini melihat nilai dari text box total
		total += parseFloat($(this).val());
	});
	$('.qty').each(function(){
		qty += parseFloat($(this).val());
	});
	$('input[name="grand_total"]').val(total);
	$('input[name="total_qty"]').val(qty);
}

Answer 8

0

ant · Nov 14, 2012 · 0 Suka · 0 Tidak Suka

belum bisa juga mas? masih gak kebaca data yang terakhir?moon bantuannya...terimkasih

Answer 9

0

Ellyx Christian · Nov 14, 2012 · 0 Suka · 0 Tidak Suka

saya kan sudah bilang kamu harus debug kode js-mu menggunakan firebug, jadi kode itu bukan perbaikan tapi untuk melakukan debug, dari hasil debug itu kamu bisa tahu dimana yang salah, apakah di javascript atau di tag html-nya.

Answer 10

0

ant · Nov 14, 2012 · 0 Suka · 0 Tidak Suka

javascriptnya yang error mas? terus solusinya gimana ya? soalnya saya pake plugin template mas? ohon bantuanya?