Bootstrap Snippet price using HTML CSS jQuery

table { border-collapse: collapse; } th, td { text-align: left; padding: 8px; } tr:nth-child(even){background-color: #f2f2f2} th { background-color: #4CAF50; color: white; } .tables li { display: inline-block; vertical-align: text-top; }

/* $(document).on('keypress', '.currency', function () { console.log($(this).context.value); alert($(this).value); }); */ $(document).ready(function(){ $(".currency").on("input", function(evt) { $(this).priceFormat({ prefix: '', thousandsSeparator: ',' }); }); $(".cash").on("input", function(evt) { var unit = $(this).context.value; var unitprice = 0; switch($(this).attr('id')) { case 'cad_cash_dime': case 'usd_cash_dime': unitprice = 0.1; break; case 'cad_cash_quarter': case 'usd_cash_quarter': unitprice = 0.25; break; case 'cad_cash_loonie': case 'usd_cash_loonie': unitprice = 1; break; case 'cad_cash_toonie': case 'usd_cash_toonie': unitprice = 2; break; case 'cad_cash_five': case 'usd_cash_five': unitprice = 5; break; case 'cad_cash_ten': case 'usd_cash_ten': unitprice = 10; break; case 'cad_cash_twenty': case 'usd_cash_twenty': unitprice = 20; break; case 'cad_cash_fifty': case 'usd_cash_fifty': unitprice = 50; break; case 'cad_cash_hundred': case 'usd_cash_hundred': unitprice = 100; break; } $(this).next('span').text(parseFloat(unit*unitprice).toFixed(2)); $(this).next('span').priceFormat({ prefix: '= $ ', thousandsSeparator: ',' }); cad_cointotal = parseFloat($('#cad_cash_dime').val()*0.1) + parseFloat($('#cad_cash_quarter').val()*0.25) + parseFloat($('#cad_cash_loonie').val()*1.00) + parseFloat($('#cad_cash_toonie').val()*2); $('#hidden_cad_cointotal').val(cad_cointotal.toFixed(2)); $('#cad_coin_total').text('= $CAD ' + parseFloat(cad_cointotal.toFixed(2))); cad_billtotal = parseFloat($('#cad_cash_five').val()*5) + parseFloat($('#cad_cash_ten').val()*10) + parseFloat($('#cad_cash_twenty').val()*20) + parseFloat($('#cad_cash_fifty').val()*50) + parseFloat($('#cad_cash_hundred').val()*100); $('#hidden_cad_billtotal').val(cad_billtotal.toFixed(2)); $('#cad_bill_total').text('= $CAD ' + parseFloat(cad_billtotal.toFixed(2))); // usd_cointotal = parseFloat($('#usd_cash_dime').val()*0.1) // + parseFloat($('#usd_cash_quarter').val()*0.25); // $('#usd_coin_total').text('= $USD ' + parseFloat(usd_cointotal.toFixed(2))); usd_billtotal = parseFloat($('#usd_cash_loonie').val()*1.00) + parseFloat($('#usd_cash_toonie').val()*2) + parseFloat($('#usd_cash_five').val()*5) + parseFloat($('#usd_cash_ten').val()*10) + parseFloat($('#usd_cash_twenty').val()*20) + parseFloat($('#usd_cash_fifty').val()*50) + parseFloat($('#usd_cash_hundred').val()*100); $('#hidden_usd_billtotal').val(usd_billtotal.toFixed(2)); $('#usd_bill_total').text('= $USD ' + parseFloat(usd_billtotal.toFixed(2))); }); $(".emp_credit").on("input", function(evt) { total_emp_credit_amount = parseFloat($('#emp_amount_01').val()*1) + parseFloat($('#emp_amount_02').val()*1) + parseFloat($('#emp_amount_03').val()*1) + parseFloat($('#emp_amount_04').val()*1) + parseFloat($('#emp_amount_05').val()*1) + parseFloat($('#emp_amount_06').val()*1) + parseFloat($('#emp_amount_07').val()*1) + parseFloat($('#emp_amount_08').val()*1) + parseFloat($('#emp_amount_09').val()*1) + parseFloat($('#emp_amount_10').val()*1) ; $('#hidden_emp_credit_total').val(total_emp_credit_amount.toFixed(2)); $('#emp_credit_total').text("$ " + total_emp_credit_amount.toFixed(2)); }); $(".expense").on("input", function(evt) { total_expense_amount = parseFloat($('#expense_amount_01').val()*1) + parseFloat($('#expense_amount_02').val()*1) + parseFloat($('#expense_amount_03').val()*1) + parseFloat($('#expense_amount_04').val()*1) + parseFloat($('#expense_amount_05').val()*1) + parseFloat($('#expense_amount_06').val()*1) + parseFloat($('#expense_amount_07').val()*1) + parseFloat($('#expense_amount_08').val()*1) + parseFloat($('#expense_amount_09').val()*1) + parseFloat($('#expense_amount_10').val()*1) ; $('#hidden_expense_total').val(total_expense_amount.toFixed(2)); $('#expense_total').text("$ " + total_expense_amount.toFixed(2)); }); $(".adjust").on("input", function(evt) { total_adjust_amount = parseFloat($('#adjust_amount_01').val()*1) + parseFloat($('#adjust_amount_02').val()*1) + parseFloat($('#adjust_amount_03').val()*1) + parseFloat($('#adjust_amount_04').val()*1) + parseFloat($('#adjust_amount_05').val()*1) + parseFloat($('#adjust_amount_06').val()*1) + parseFloat($('#adjust_amount_07').val()*1) + parseFloat($('#adjust_amount_08').val()*1) + parseFloat($('#adjust_amount_09').val()*1) + parseFloat($('#adjust_amount_10').val()*1) ; $('#hidden_adjust_total').val(total_adjust_amount.toFixed(2)); $('#adjust_total').text("- $ " + total_adjust_amount.toFixed(2)); }); $(".numeric").keypress(function (e) { //if the letter is not digit then display error and don't type anything if (e.which != 8 && e.which !== 0 && (e.which < 48 || e.which > 57)) { return false; } }); $("input").on("input", function(evt) { TOTAL_01 = Number($('#pos1_total').val().replace(/[^0-9\.]+/g,"")); TOTAL_02 = Number($('#pos2_total').val().replace(/[^0-9\.]+/g,"")); TOTAL = (TOTAL_01 + TOTAL_02).toFixed(2) + " ( " + TOTAL_01 + " + " + TOTAL_02 + " )"; TRANS = Number($('#pos1_trans').val()) + Number($('#pos2_trans').val()) + " ( " + Number($('#pos1_trans').val()) + " + " + Number($('#pos2_trans').val()) + " )"; CARD_01 = Number($('#pos1_net_ttl').val().replace(/[^0-9\.]+/g,"")); CARD_02 = Number($('#pos2_net_ttl').val().replace(/[^0-9\.]+/g,"")); CARD = (CARD_01 + CARD_02).toFixed(2) + " ( " + CARD_01 + " + " + CARD_02 + " )"; deposit_cibc = Number($('#deposit_cibc').val().replace(/[^0-9\.]+/g,"")); deposit_shinhan = Number($('#deposit_shinhan').val().replace(/[^0-9\.]+/g,"")); DEPOSIT = (deposit_cibc + deposit_shinhan).toFixed(2) + " ( CIBC : $ " + deposit_cibc + " / SHINHAN : $ " + deposit_shinhan + " )"; REDEEMED_01 = Number($('#pos1_paid_on_account').val().replace(/[^0-9\.]+/g,"")); REDEEMED_02 = Number($('#pos2_paid_on_account').val().replace(/[^0-9\.]+/g,"")); REDEEMED = (REDEEMED_01 + REDEEMED_02).toFixed(2) + " ( " + REDEEMED_01 + " + " + REDEEMED_02 + " )"; COUPON_01 = Number($('#pos1_coupon').val().replace(/[^0-9\.]+/g,"")); COUPON_02 = Number($('#pos2_coupon').val().replace(/[^0-9\.]+/g,"")); COUPON = (COUPON_01 + COUPON_02).toFixed(2) + " ( " + COUPON_01 + " + " + COUPON_02 + " )"; GIFT_CARD_01 = Number($('#pos1_gift_card').val().replace(/[^0-9\.]+/g,"")); GIFT_CARD_02 = Number($('#pos2_gift_card').val().replace(/[^0-9\.]+/g,"")); GIFT_CARD = (GIFT_CARD_01 + GIFT_CARD_02).toFixed(2) + " ( " + GIFT_CARD_01 + " + " + GIFT_CARD_02 + " )"; POINT_REFUND_01 = Number($('#pos1_point_refund').val().replace(/[^0-9\.]+/g,"")); POINT_REFUND_02 = Number($('#pos2_point_refund').val().replace(/[^0-9\.]+/g,"")); POINT_REFUND = (POINT_REFUND_01 + POINT_REFUND_02).toFixed(2) + " ( " + POINT_REFUND_01 + " + " + POINT_REFUND_02 + " )"; CASH_REFUND_01 = Number($('#pos1_cash_refund').val().replace(/[^0-9\.]+/g,"")); CASH_REFUND_02 = Number($('#pos2_cash_refund').val().replace(/[^0-9\.]+/g,"")); CASH_REFUND = (CASH_REFUND_01 + CASH_REFUND_02).toFixed(2) + " ( " + CASH_REFUND_01 + " + " + CASH_REFUND_02 + " )"; COIN = $('#hidden_cad_cointotal').val(); EMP_CREDIT = $('#hidden_emp_credit_total').val(); CAD_CASH = $('#hidden_cad_billtotal').val(); US_CASH = $('#hidden_usd_billtotal').val(); EXPENSE = $('#hidden_expense_total').val(); ADJUST = $('#hidden_adjust_total').val() RESULT = (TOTAL_01 + TOTAL_02).toFixed(2) - ( parseFloat((CARD_01 + CARD_02)).toFixed(2) + parseFloat(COIN ).toFixed(2) ); // + EMP_CREDIT // + CAD_CASH // + US_CASH // + (REDEEMED_01 + REDEEMED_02).toFixed(2) // + (GIFT_CARD_01 + GIFT_CARD_02).toFixed(2) // + (COUPON_01 + COUPON_02).toFixed(2) // + EXPENSE // + ADJUST // ) // + POINT_REFUND // ; var summary = "TOTAL : $ " + TOTAL + "\nTRANS : # " + TRANS + "\nCARD : $ " + CARD + "\nCOIN : $ " + COIN + "\nDEPOSIT : $ " + DEPOSIT + "\nEMPLOYEE CREDIT : $ " + EMP_CREDIT + "\nCASH : $" + CAD_CASH + " / US $ " + US_CASH + "\nREDEEMED : $ " + REDEEMED + "\nPOINT REFUND : $ " + POINT_REFUND + "\nCASH REFUND : $ " + CASH_REFUND + "\nGIFT CRAD : $ " + GIFT_CARD + "\nCOUPON: $ " + COUPON + "\nEXPENSE : $ " + EXPENSE + "\nADJUST : $ " + ADJUST + "\nRESULT : $ " + RESULT ; $('#report_result').text(summary); }); }); jQuery.extend(jQuery.expr[':'], { focusable: function (el, index, selector) { return $(el).is('a, button, :input, [tabindex]'); } }); $(document).on('keydown', ':focusable', function (e) { if (e.which == 13) { e.preventDefault(); ntabindex =parseInt($(this).attr('tabIndex')) +1; if( $('input[tabindex='+ntabindex+']').length === 0) { ntabindex = Math.ceil(ntabindex/10)*10; } $('input[tabindex='+ntabindex+']').focus(); } });

"price"
Bootstrap 3.0.0 Snippet by arkiz

Related: See More

Questions / Comments:

"price" Bootstrap 3.0.0 Snippet by arkiz

Related: See More

Questions / Comments:

"price"
Bootstrap 3.0.0 Snippet by arkiz