Triple Ground Black Mulch Copy

Schedule your delivery or installation at checkout!
Read some of our reviews!
Try our calculators to estimate your needs!
Need it done for you?
We’ve got this…

Mulch Calculator

.col1 { max-width: 48%; margin-right: 2%; float: left; } .col2 { width: 48%; float: left; } form { margin: 20px 0; } .area-calculator-form ul { list-style: none; } .area-calculator-form li { display: inline-block; } .area-calculator-form input,.area-calculator-form button { padding: 5px; } .area-calculator-table { width: 50%; margin: 20px; border-collapse: collapse; } select#depth{ padding: 5px !important; }select#shape{ padding: 5px !important; } .area-calculator-table, th, td { border: 1px solid #cdcdcd; } .area-calculator-table th, .area-calculator-table td { padding: 10px; text-align: left; } .hidden { display: none; } .visible { display: block; } ( function($) { $(document).ready(function() { // Row Label var label = $("#label"); //Conditional Parents var shape = $("#shape"); var depth = $("#depth"); //Conditional Children var rectangle = $("#length").add($("#width")); var triangle = $("#base").add($("#height")); var circle = $("#diameter"); var area = $("#area"); var all = rectangle.add(triangle).add(circle).add(area); //shortcut for all wrapper elements //Hidden Calculated Area var sqft = $("#sqft"); var cuyds = $("#cuyds"); //Input Button var button = $("#add-area"); function runcalc() { var length = $("#length").val(); var width = $("#width").val(); var base = $("#base").val(); var height = $("#height").val(); var diameter = $("#diameter").val(); var areaSqFt = $("#area").val(); var depthIn = $("#depth").val(); //Calculate Area var calcSqFt = ((length * width) + (.5 * base * height) + (Math.PI * (.5 * diameter) * (.5 * diameter)) + Number(areaSqFt)).toFixed(0); var cuyd1in = (calcSqFt / 324); var cuydReq = (cuyd1in * depthIn).toFixed(1); sqft.val(calcSqFt); cuyds.val(cuydReq); }; $("#depth").change(runcalc); all.change(runcalc); //Show Applicable Input Fields shape.change(function() { var value = this.value all.val(""); sqft.val(""); all.addClass('hidden'); if (value == 'area') { area.removeClass('hidden'); } else if (value == 'rectangle') { rectangle.removeClass('hidden'); } else if (value == 'triangle') { triangle.removeClass('hidden'); } else if (value == 'circle') { circle.removeClass('hidden'); } }); //Add Row To Table $(".add-row").click(function() { //if (sqft.val() = 0) { var markup = "

" + label.val() + " - " + sqft.val() + " sqft @ " + depth.val() + '" depth' + " " + cuyds.val() + "

"; $("#area-calculator-table tbody").append(markup); all.val(""); sqft.val(""); cuyds.val(""); label.val(""); calcTotal(); }); // Find and remove selected table rows $(".delete-row").click(function() { $("table tbody").find('input[name="record"]').each(function() { if ($(this).is(":checked")) { $(this).parents("tr").remove(); } }); calcTotal(); }); //Calculate Table Sum function calcTotal() { var table = document.getElementById("area-calculator-table"), sumCuYd = 0; for (var i = 1; i < table.rows.length - 1; i++) { sumCuYd = Number(Number(sumCuYd) + Number(table.rows[i].cells[1].innerHTML)).toFixed(1); } document.getElementById("cuyds").innerHTML = sumCuYd + " cubic yards"; }; }); } ) ( jQuery );