Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
- <!--xxxMeta title-->
- <title>Building Estimate Calculator</title>
- <!--xxxMeta description-->
- <meta name="description" content="Online Steel Building Price Estimate Calculator">
- <link rel="shortcut icon" href="http://www.buildingsguide.com/sites/all/themes/buildingsguide/favicon.ico" type="image/vnd.microsoft.icon" />
- <link rel="stylesheet" href="./css/calc.css" type="text/css" media="screen" />
- <script type="text/javascript" src="./js/jquery-1.4.1.min.js"></script>
- <script src="./js/jquery.numeric.js" type="text/javascript"></script>
- <script type="text/javascript">
- function resetValue() {
- $('.zipcode').val('');
- $('select').val('');
- //$('input[type=radio]').val('');
- $('input[type=radio]').removeAttr('checked');
- }
- /*--------------------------------------------- On Change show-hide functonality ----------------------------------------------------- */
- $(function() {
- /* On Change show-hide functonality for buliding usage */
- $('#buildingUsage').change(function() {
- if ($('#buildingUsage').val() == "Garage") {
- $('#display_result').html("");
- $('#display_shape_residental').show();
- $('#display_shape_1').hide();
- $('#display_shape_commercial').hide();
- $('#display_shape_farm').hide();
- $('#display_shape_other').hide();
- } else if ($('#buildingUsage').val() == "Shop") {
- $('#display_result').html("");
- $('#display_shape_residental').show();
- $('#display_shape_1').hide();
- $('#display_shape_commercial').hide();
- $('#display_shape_farm').hide();
- $('#display_shape_other').hide();
- } else if ($('#buildingUsage').val() == "RVGarage") {
- $('#display_result').html("");
- $('#display_shape_residental').show();
- $('#display_shape_1').hide();
- $('#display_shape_commercial').hide();
- $('#display_shape_farm').hide();
- $('#display_shape_other').hide();
- } else if ($('#buildingUsage').val() == "Home") {
- $('#display_result').html("");
- $('#display_shape_residental').show();
- $('#display_shape_1').hide();
- $('#display_shape_commercial').hide();
- $('#display_shape_farm').hide();
- $('#display_shape_other').hide();
- } else if ($('#buildingUsage').val() == "OtherResidential") {
- $('#display_result').html("");
- $('#display_shape_residental').show();
- $('#display_shape_1').hide();
- $('#display_shape_commercial').hide();
- $('#display_shape_farm').hide();
- $('#display_shape_other').hide();
- }
- if ($('#buildingUsage').val() == "Horse Barn") {
- $('#display_result').html("");
- $('#display_shape_residental').show();
- $('#display_shape_1').hide();
- $('#display_shape_commercial').hide();
- $('#display_shape_farm').hide();
- $('#display_shape_other').hide();
- } else if ($('#buildingUsage').val() == "agri_storage") {
- $('#display_result').html("");
- $('#display_shape_residental').show();
- $('#display_shape_1').hide();
- $('#display_shape_commercial').hide();
- $('#display_shape_farm').hide();
- $('#display_shape_other').hide();
- } else if ($('#buildingUsage').val() == "Riding Arena") {
- $('#display_result').html("");
- $('#display_shape_residental').show();
- $('#display_shape_1').hide();
- $('#display_shape_commercial').hide();
- $('#display_shape_farm').hide();
- $('#display_shape_other').hide();
- } else if ($('#buildingUsage').val() == "Dairy Barn") {
- $('#display_result').html("");
- $('#display_shape_residental').show();
- $('#display_shape_1').hide();
- $('#display_shape_commercial').hide();
- $('#display_shape_farm').hide();
- $('#display_shape_other').hide();
- } else if ($('#buildingUsage').val() == "OtherFarm") {
- $('#display_result').html("");
- $('#display_shape_residental').show();
- $('#display_shape_1').hide();
- $('#display_shape_commercial').hide();
- $('#display_shape_farm').hide();
- $('#display_shape_other').hide();
- } else if ($('#buildingUsage').val() == "Warehouse") {
- $('#display_result').html("");
- $('#display_shape_other').show();
- $('#display_shape_1').hide();
- $('#display_shape_commercial').hide();
- $('#display_shape_farm').hide();
- $('#display_shape_residental').hide();
- } else if ($('#buildingUsage').val() == "Factory") {
- $('#display_result').html("");
- $('#display_shape_other').show();
- $('#display_shape_1').hide();
- $('#display_shape_commercial').hide();
- $('#display_shape_farm').hide();
- $('#display_shape_residental').hide();
- } else if ($('#buildingUsage').val() == "Retail") {
- $('#display_result').html("");
- $('#display_shape_other').show();
- $('#display_shape_1').hide();
- $('#display_shape_commercial').hide();
- $('#display_shape_farm').hide();
- $('#display_shape_residental').hide();
- } else if ($('#buildingUsage').val() == "Aircraft_Hangar") {
- $('#display_result').html("");
- $('#display_shape_other').show();
- $('#display_shape_1').hide();
- $('#display_shape_commercial').hide();
- $('#display_shape_farm').hide();
- $('#display_shape_residental').hide();
- } else if ($('#buildingUsage').val() == "Auto") {
- $('#display_result').html("");
- $('#display_shape_other').show();
- $('#display_shape_1').hide();
- $('#display_shape_commercial').hide();
- $('#display_shape_farm').hide();
- $('#display_shape_residental').hide();
- } else if ($('#buildingUsage').val() == "Storage") {
- $('#display_result').html("");
- $('#display_shape_other').show();
- $('#display_shape_1').hide();
- $('#display_shape_commercial').hide();
- $('#display_shape_farm').hide();
- $('#display_shape_residental').hide();
- } else if ($('#buildingUsage').val() == "OtherCommercial") {
- $('#display_result').html("");
- $('#display_shape_other').show();
- $('#display_shape_1').hide();
- $('#display_shape_commercial').hide();
- $('#display_shape_farm').hide();
- $('#display_shape_residental').hide();
- } else if ($('#buildingUsage').val() == "Church") {
- $('#display_result').html("");
- $('#display_shape_other').show();
- $('#display_shape_1').hide();
- $('#display_shape_commercial').hide();
- $('#display_shape_farm').hide();
- $('#display_shape_residental').hide();
- } else if ($('#buildingUsage').val() == "School") {
- $('#display_result').html("");
- $('#display_shape_other').show();
- $('#display_shape_1').hide();
- $('#display_shape_commercial').hide();
- $('#display_shape_farm').hide();
- $('#display_shape_residental').hide();
- } else if ($('#buildingUsage').val() == "Fire Station") {
- $('#display_result').html("");
- $('#display_shape_other').show();
- $('#display_shape_1').hide();
- $('#display_shape_commercial').hide();
- $('#display_shape_farm').hide();
- $('#display_shape_residental').hide();
- } else if ($('#buildingUsage').val() == "Rec Center") {
- $('#display_result').html("");
- $('#display_shape_other').show();
- $('#display_shape_1').hide();
- $('#display_shape_commercial').hide();
- $('#display_shape_farm').hide();
- $('#display_shape_residental').hide();
- } else if ($('#buildingUsage').val() == "OtherCommunity") {
- $('#display_result').html("");
- $('#display_shape_other').show();
- $('#display_shape_1').hide();
- $('#display_shape_commercial').hide();
- $('#display_shape_farm').hide();
- $('#display_shape_residental').hide();
- } else {
- $('#display_shape_1').hide();
- $('#display_shape_commercial').hide();
- $('#display_shape_farm').hide();
- $('#display_shape_residental').show();
- $('#display_shape_other').hide();
- }
- });
- /*$('#locationRadio1').click(function(){
- $(".zipcode").numeric();
- });*/
- /* End On Change show-hide functonality for buliding usage */
- /* On Change show-hide functonality for buliding Style */
- $('.zipcode').focus(function() {
- if ($('#locationRadio1:checked').val() == 'us') {
- $("#usAddress .zipcode").numeric();
- }
- });
- $('input:radio[name="buildingStyle"]').click(function() {
- $('#archStyleWidth').attr('value', '');
- $('#archStyleLength').attr('value', '');
- $('#archStyleHeight').attr('value', '');
- $('#styleWidth').attr('value', '');
- $('#styleLength').attr('value', '');
- $('#straightWallHeight').attr('value', '');
- $('#us_province').attr('value', '');
- $('#display_result').html("");
- var $this = $(this);
- if ($this.val() == "straight_wall_gable" || $this.val() == "straight_wall_single_slop") {
- $('#show_straight').show();
- $('#show_arc').hide();
- $('#show_address').show();
- } else if ($this.val() == "Arch_Style_Quonset" || $this.val() == "Quonset_QModel" || $this.val() == "Quonset_PModel") {
- $('#show_straight').hide();
- $('#show_arc').show();
- $('#show_address').show();
- } else {
- $('#show_straight').hide();
- $('#show_arc').hide();
- $('#show_address').hide();
- }
- });
- /* End On Change show-hide functonality for buliding Style */
- /* On Change show-hide functonality for location */
- $('input:radio[name="location"]').click(function() {
- $('#display_result').html("");
- var $this = $(this);
- if ($this.val() == "us") {
- $('#usAddress').show();
- $('#canAddress').hide();
- $('#IntAddress').hide();
- //$(".zipcode").numeric();
- } else if ($this.val() == "can") {
- $('#canAddress').show();
- $('#usAddress').hide();
- $('#IntAddress').hide();
- } else if ($this.val() == "intl") {
- $('#IntAddress').show();
- $('#canAddress').hide();
- $('#usAddress').hide();
- } else {
- $('#IntAddress').hide();
- $('#canAddress').hide();
- $('#usAddress').hide();
- }
- });
- /* End On Change show-hide functonality for location */
- /* On Key Press Check zipcode is numeric */
- /*$(document).ready(function(){
- if($('#locationRadio1:checked').val() == 'us'){
- $(".zipcode").numeric();
- }
- });*/
- var $spans = $("#show_button");
- /*$('.zipcode').keyup(function() {
- var val = this.value;
- if (val != '') {
- $spans.show();
- } else {
- $spans.hide();
- $('#get_quotes').hide();
- }
- });*/
- /* End On Key Press Check zipcode is numeric */
- /*------------------------------------------------- End On Change show hide functonality--------------------------------------- */
- /*---------------------------------------------------- On submit Caluclation---------------------------------------------------- */
- $("#calculate").submit(function(event) {
- if ($('#buildingUsage').val() == '') {
- alert('Plese Choose Building Usage.');
- return false;
- }
- if ($('#straightGable:checked').val() == 'straight_wall_gable' || $('#straightSingleShop:checked').val() == 'straight_wall_single_slop') {
- if ($('#styleWidth').val() == '' || $('#styleLength').val() == '' || $('#straightWallHeight').val() == '') {
- alert('Please Provide Building Size Details');
- return false;
- }
- } else if ($('#qunestpmodel:checked').val() == 'Quonset_PModel' || $('#straightArchQuonset:checked').val() == 'Arch_Style_Quonset' || $('#qunestqmodel:checked').val() == 'Quonset_QModel') {
- if ($('#archStyleWidth').val() == '' || $('#archStyleLength').val() == '' || $('#archStyleHeight').val() == '') {
- alert('Please Provide Building Size Details');
- return false;
- }
- }
- /*if($('#display_result').show()){
- $('#get_quotes').show();
- }*/
- var reset_count = 0;
- /* ---------------Values-Quonset $/square foot values key= "Quonset" & value = "Price/SF " ------------------ */
- sort_arc = [{
- key: 400,
- value: 12
- }, {
- key: 500,
- value: 10
- }, {
- key: 600,
- value: 10
- }, {
- key: 700,
- value: 10
- }, {
- key: 800,
- value: 10
- }, {
- key: 900,
- value: 10
- }, {
- key: 1000,
- value: 9
- }, {
- key: 1200,
- value: 9
- }, {
- key: 1500,
- value: 9
- }, {
- key: 1800,
- value: 9
- }, {
- key: 2000,
- value: 8
- }, {
- key: 3000,
- value: 8
- }, {
- key: 4000,
- value: 8
- }, {
- key: 5000,
- value: 8
- }, {
- key: 6000,
- value: 8
- }, {
- key: 7000,
- value: 8
- }, {
- key: 8000,
- value: 8
- }, {
- key: 9000,
- value: 8
- }, {
- key: 10000,
- value: 7
- }, {
- key: 12000,
- value: 7
- }, {
- key: 14000,
- value: 7
- }, {
- key: 16000,
- value: 7
- }, {
- key: 18000,
- value: 7
- }, {
- key: 20000,
- value: 7
- }, {
- key: 25000,
- value: 7
- }, {
- key: 30000,
- value: 6
- }, {
- key: 40000,
- value: 6
- }, {
- key: 45000,
- value: 6
- }, {
- key: 50000,
- value: 6
- }, {
- key: 60000,
- value: 6
- }, {
- key: 70000,
- value: 6
- }, {
- key: 80000,
- value: 6
- }, {
- key: 90000,
- value: 6
- }, {
- key: 100000,
- value: 6
- }, ];
- /* --------------- EndValues-Quonset $/square foot values key= "Quonset" & value = "Price/SF " ------------------ */
- /* --------------- Values-Gable $/square foot values key= "Square Footage" & value = "Price/SF " ------------------ */
- sort_straight_wall = [{
- key: 400,
- value: 20.40
- }, {
- key: 500,
- value: 17.70
- }, {
- key: 600,
- value: 14.90
- }, {
- key: 700,
- value: 14.90
- }, {
- key: 800,
- value: 14.90
- }, {
- key: 900,
- value: 9.30
- }, {
- key: 1000,
- value: 9.30
- }, {
- key: 1200,
- value: 8.40
- }, {
- key: 1500,
- value: 8.40
- }, {
- key: 1800,
- value: 8.40
- }, {
- key: 2000,
- value: 8.40
- }, {
- key: 3000,
- value: 7.44
- }, {
- key: 4000,
- value: 7.44
- }, {
- key: 5000,
- value: 7.44
- }, {
- key: 6000,
- value: 7.44
- }, {
- key: 7000,
- value: 7.44
- }, {
- key: 9000,
- value: 7.44
- }, {
- key: 10000,
- value: 5.60
- }, {
- key: 12000,
- value: 5.60
- }, {
- key: 14000,
- value: 5.60
- }, {
- key: 16000,
- value: 5.60
- }, {
- key: 18000,
- value: 5.60
- }, {
- key: 20000,
- value: 5.60
- }, {
- key: 25000,
- value: 5.60
- }, {
- key: 30000,
- value: 5.60
- }, {
- key: 40000,
- value: 5.60
- }, {
- key: 45000,
- value: 5.60
- }, {
- key: 50000,
- value: 5.60
- }, {
- key: 60000,
- value: 5.60
- }, {
- key: 70000,
- value: 5.60
- }, {
- key: 80000,
- value: 5.60
- }, {
- key: 90000,
- value: 5.60
- }, {
- key: 100000,
- value: 5.60
- }, ];
- /* --------------- End Values-Gable $/square foot values key= "Square Footage" & value = "Price/SF " ------------------ */
- /*------------------------------------------Get Values By id---------------------------------------------------------*/
- $arc_width = $('#archStyleWidth').val();
- //alert('archStyleWidth'+$arc_width);
- $arc_height = $('#archStyleLength').val();
- //alert('archStyleLength'+$arc_height);
- $straight_height = $('#straightWallHeight').val();
- //alert('straightWallHeight'+$straight_height);
- $straight_width = $('#styleWidth').val();
- //alert('styleWidth'+$straight_width);
- $straight_length = $('#styleLength').val();
- //alert('styleLength'+$straight_length);
- $us_state_factor = $('#us_province').val();
- //alert('us_province'+$us_state_factor);
- $can_state_factor = $('#can_province').val();
- $straight_Gable = $('input:radio[name="buildingStyle"]:checked').val();
- //alert('buildingStyle'+$straight_Gable);
- //return false;
- /*------------------------------------------End Get Values By id---------------------------------------------------------*/
- /*-------------------------------Calculation for the staright wall and Arc------------------------*/
- /*-------------------------------Calculation of height-width-lenght for the staright wall and Arc------------------------*/
- function getJson(url) {
- return JSON.parse($.ajax({
- type: 'GET',
- url: url,
- dataType: 'json',
- data: {
- arc_width: $arc_width,
- arc_length: $arc_height,
- straight_height: $straight_height,
- straight_width: $straight_width,
- straight_length: $straight_length
- },
- global: false,
- async: false,
- success: function(data) {
- return data;
- }
- /*,
- error: function(jqXHR, textStatus, errorThrown) {
- alert("error==> "+textStatus+ "\n"+errorThrown);
- return false;
- }*/
- }).responseText);
- }
- var $cal_arc = getJson('./ajax_calculate_estimate.php');
- /*-------------------------------End Calculation of height-width-lenght for the staright wall and Arc------------------------*/
- /*-------------------------------Calculation of Square Foot for the staright wall and Arc------------------------*/
- if ($('#show_arc').is(":visible")) {
- if ($arc_width == "") {
- alert("Please Select Width");
- event.preventDefault();
- } else if ($arc_height == "") {
- alert("Please Select Length");
- event.preventDefault();
- } else {
- sort_arc = sortByMapKey(sort_arc);
- $.each(sort_arc, function(key, value) {
- if ($cal_arc < key && reset_count == 0) {
- Square_foot = value;
- reset_count = 1;
- }
- });
- }
- $.post(
- "./ajax_calculate_estimate.php", {
- total_arc: $cal_arc,
- arc_square: Square_foot
- },
- function(data) {
- $('#display_result').html(data);
- $('#get_quotes').show();
- }
- );
- } else {
- if ($straight_width == "") {
- alert("Please Select Width");
- event.preventDefault();
- } else if ($straight_length == "") {
- alert("Please Select Length");
- event.preventDefault();
- } else if ($straight_height == "") {
- alert("Please Select Height");
- event.preventDefault();
- } else {
- sort_straight_wall = sortByMapKey(sort_straight_wall);
- $.each(sort_straight_wall, function(key, value) {
- if ($cal_arc < key && reset_count == 0) {
- Straight_Square_foot = value;
- reset_count = 1;
- }
- });
- }
- /*------------------------------- End Calculation of Square Foot for the staright wall and Arc------------------------*/
- /*------------------------------- Calculation of USA Address for the Gable ------------------------*/
- if ($('#usAddress').is(":visible")) {
- if ($us_state_factor == "") {
- alert('Please Choose State');
- return false;
- }
- $zipcode_us = $("input[name=zipcode_us]").val();
- if ($zipcode_us != "") {
- $zipcode = $zipcode_us;
- } else {
- alert('Please Provide Zip Code');
- return false;
- }
- if ($straight_Gable == "straight_wall_gable" && $us_state_factor != "") {
- $.post("./ajax_calculate_estimate.php", {
- total_straight: $cal_arc,
- us_state_factor: $us_state_factor,
- staright_square_foot: Straight_Square_foot
- },
- function(data) {
- $('#display_result').html(data);
- $('#get_quotes').show();
- }
- );
- } else {
- $.post("./ajax_calculate_estimate.php", {
- total_straight: $cal_arc,
- staright_square_foot: Straight_Square_foot,
- us_state_factor: ''
- },
- function(data) {
- $('#display_result').html(data);
- $('#get_quotes').show();
- }
- );
- }
- } else if ($('#canAddress').is(":visible")) {
- if ($can_state_factor == "") {
- alert("Please Choose Province");
- return false;
- }
- $zipcode_can = $("input[name=zipcode_can]").val();
- if ($zipcode_can != "") {
- $zipcode = $zipcode_can;
- } else {
- alert('Please Provide Postal Code');
- return false;
- }
- if ($straight_Gable == "straight_wall_gable" && $us_state_factor != "") {
- $.post("./ajax_calculate_estimate.php", {
- total_straight: $cal_arc,
- us_state_factor: $us_state_factor,
- staright_square_foot: Straight_Square_foot
- },
- function(data) {
- $('#display_result').html(data);
- $('#get_quotes').show();
- }
- );
- } else {
- $.post("./ajax_calculate_estimate.php", {
- total_straight: $cal_arc,
- staright_square_foot: Straight_Square_foot,
- us_state_factor: ''
- },
- function(data) {
- $('#display_result').html(data);
- $('#get_quotes').show();
- }
- );
- }
- } else {
- $.post("./ajax_calculate_estimate.php", {
- total_straight: $cal_arc,
- staright_square_foot: Straight_Square_foot
- },
- function(data) {
- $('#display_result').html(data);
- $('#get_quotes').show();
- }
- );
- }
- }
- event.preventDefault();
- });
- /*------------------------------- End Calculation of USA Address for the Gable ------------------------*/
- /*------------------------------- End Calculation for the staright wall and Arc------------------------*/
- });
- /*---------------------------------- End On submit Caluclation ------------------------------------------*/
- /*--------------------Sorting function to sort the values for $/squarefoot values(Keys and value) in Qunset and Gable-----------*/
- function sortByMapKey(a) {
- var sorted = a.slice(0).sort(function(a, b) {
- return a.key - b.key;
- });
- var keys = [];
- var sorted_key = {};
- for (var i = 0, len = sorted.length; i < len; ++i) {
- keys[i] = sorted[i].key + ":" + sorted[i].value;
- sorted_key[sorted[i].key] = sorted[i].value;
- }
- return sorted_key;
- }
- /*--------------------End Sorting function to sort the values for $/squarefoot values(Keys and value) in Qunset and Gable-----------*/
- /*------------------------------------Url Redirect Function onclick of get quotes button---------------------------------------------*/
- $(function() {
- $("#get_quotes").bind("click", function() {
- /*if($('#straightGable:checked').val()=='straight_wall_gable' || $('#straightSingleShop:checked').val()=='straight_wall_single_slop'){
- if($('#styleWidth').val()=='' ||$('#styleLength').val()=='' ||$('#straightWallHeight').val()=='' ){
- alert('Please Provide Building Size Details');
- return false;
- }
- }else if($('#qunestpmodel:checked').val()=='Quonset_PModel' || $('#straightArchQuonset:checked').val()=='Arch_Style_Quonset' || $('#qunestqmodel:checked').val()=='Quonset_QModel'){
- if($('#archStyleWidth').val()=='' ||$('#archStyleLength').val()=='' ||$('#archStyleHeight').val()=='' ){
- alert('Please Provide Building Size Details');
- return false;
- }
- }*/
- $zipcode_int = $("input[name=zipcode_int]").val();
- $zipcode_us = $("input[name=zipcode_us]").val();
- $zipcode_can = $("input[name=zipcode_can]").val();
- if ($zipcode_int != "") {
- $zipcode = $zipcode_int;
- } else if ($zipcode_us != "") {
- $zipcode = $zipcode_us;
- } else if ($zipcode_can != "") {
- $zipcode = $zipcode_can;
- } else {
- alert('Please Provide Zip Code');
- return false;
- }
- if ($('#show_arc').is(":visible")) {
- var url = "http://www.buildingsguide.com/forms/steel-long/index.php?buildingUsage=" + encodeURIComponent($("#buildingUsage").val()) + "&buildingStyle=" + encodeURIComponent($(
- "input:radio[name='buildingStyle']:checked").val()) + "&styleWidth=" + encodeURIComponent($("#archStyleWidth").val()) + "&styleLength=" + encodeURIComponent($("#archStyleLength").val()) + "&styleHeight=" +
- encodeURIComponent($("#archStyleHeight").val()) + "&location=" + encodeURIComponent($("input:radio[name='location']:checked").val()) + "&us_state=" + encodeURIComponent($("#us_province option:selected").text()) +
- "&zipcode=" + encodeURIComponent($zipcode);
- window.location.href = url;
- } else {
- var url = "http://www.buildingsguide.com/forms/steel-long/index.php?buildingUsage=" + encodeURIComponent($("#buildingUsage").val()) + "&buildingStyle=" + encodeURIComponent($(
- "input:radio[name='buildingStyle']:checked").val()) + "&styleWidth=" + encodeURIComponent($("#styleWidth").val()) + "&styleLength=" + encodeURIComponent($("#styleLength").val()) + "&styleHeight=" +
- encodeURIComponent($("#straightWallHeight").val()) + "&location=" + encodeURIComponent($("input:radio[name='location']:checked").val()) + "&us_state=" + encodeURIComponent($("#us_province option:selected").text()) +
- "&zipcode=" + encodeURIComponent($zipcode);
- window.location.href = url;
- }
- });
- });
- /*--------------------------------- End Url Redirect Function onclick of get quotes button---------------------------------------------*/
- </script>
- </head>
- <section id="section-content" class="section section-content">
- <div id="zone-content-wrapper" class="zone-wrapper zone-content-wrapper clearfix">
- <div id="zone-content" class="zone zone-content clearfix container-12">
- <div class="grid-9 push-3 region region-content" id="region-content">
- <div class="region-inner region-content-inner">
- <a id="main-content"></a>
- <!--<h1 class="title" id="page-title">Snow Loading Analysis Calculator</h1>-->
- <div class="block block-system block-main block-system-main even block-without-title" id="block-system-main">
- <div class="block-inner clearfix">
- <div class="content clearfix">
- <article about="/school-buildings.htm" typeof="sioc:Item foaf:Document" class="node node-building node-published node-not-promoted node-not-sticky author-admin odd structural-calculator clearfix" id="structural-calculator">
- <div class="content clearfix">
- <div class="field field-name-body field-type-text-with-summary field-label-hidden">
- <div class="field-items">
- <div class="field-item even" property="content:encoded">
- <!--xxxStart Content-->
- <!--<p>ASCE 7-05 Code for Buildings with Flat or Low Slope Roofs (<= 5 deg. or 1 in./ft.)<br />
- for Balanced Snow, Drift, and Rain-on-Snow Surcharge Loadings</p>
- <h4>Input Data</h4>-->
- <!--------------------------------------- Calcution Form------------------------------------------------------------->
- <table class="inputTable" width="100%" border="1" align="center" cellpadding="5" cellspacing="0">
- <tr>
- <td colspan="5" class="heading">
- <h1 class="main-heading">
- Steel Building Estimates</h1>
- </td>
- </tr>
- <form name="calculate" id="calculate" action="#" method="post">
- <!-------------------------------------Drop Down To Selct Building Usage------------------------------------------------>
- <tr class="label">
- <td colspan="2">
- <p class="font_set">Building Use:</p>
- </td>
- <td colspan="3"><select name="buildingUsage" class="inputClass" id="buildingUsage">
- <option value="">Choose Usage</option>
- <optgroup label="RESIDENTIAL">
- <option value="Garage">Garage</option>
- <option value="Shop">Shop</option>
- <option value="RVGarage">RV Garage</option>
- <option value="Home">Home</option>
- <option value="OtherResidential">Other</option>
- </optgroup>
- <optgroup label="FARM">
- <option value="Horse Barn">Horse Barn</option>
- <option value="agri_storage">Agri Storage</option>
- <option value="Riding Arena">Riding Arena</option>
- <option value="Dairy Barn">Dairy Barn</option>
- <option value="OtherFarm">Other</option>
- </optgroup>
- <optgroup label="COMMERCIAL">
- <option value="Warehouse">Warehouse</option>
- <option value="Factory">Factory</option>
- <option value="Retail">Retail</option>
- <option value="Aircraft_Hangar">Aircraft Hangar</option>
- <option value="Auto">Auto</option>
- <option value="Storage">Mini Storage</option>
- <option value="OtherCommercial">Other</option>
- </optgroup>
- <optgroup label="COMMUNITY">
- <option value="Church">Church</option>
- <option value="School">School</option>
- <option value="Fire Station">Fire Station</option>
- <option value="Rec Center">Rec Center</option>
- <option value="OtherCommunity">Other</option>
- </optgroup>
- </select>
- </td>
- </tr>
- <!-------------------------------------End Drop Down To Selct Building Usage------------------------------------------------>
- <!---------------------------------- Building Style Radio Buttons of Residental------------------------------------------------>
- <tbody id="display_shape_residental">
- <!--style="display:none;"-->
- <tr>
- <td colspan="5">
- <div class="light-bg cf">
- <p class="font_set">Building Style:</p>
- <div id="question-mark"><a href="/building-styles#general" target="_blank">?</a></div>
- <div class="OneColumn buildingStyle" style="padding: 0px;">
- <div class="icon"> <img src="./images/sw-gable.gif"> </div>
- <div class="icon-description"> <input id="straightGable" class="straightGable" type="radio" name="buildingStyle" value="straight_wall_gable" checked="checked">Gable</div>
- </div>
- <div class="OneColumn buildingStyle" style="padding: 0px;">
- <div class="icon"><img src="./images/ac.gif"> </div>
- <div class="icon-description"><input id="qunestpmodel" class="straightGable" type="radio" name="buildingStyle" value="Quonset_PModel">Quonset</div>
- </div>
- </div>
- </td>
- </tr>
- </tbody>
- <!----------------------------------End Building Style Radio Buttons of Residental------------------------------------------------>
- <!---------------------------------- Building Style Radio Buttons of Others------------------------------------------------>
- <tbody id="display_shape_other" style="display:none;">
- <tr>
- <td colspan="5">
- <div class="light-bg cf">
- <p class="font_set">Building Style:</p>
- <div id="question-mark"><a href="/building-styles" target="_blank">?</a></div>
- <div class="OneColumn buildingStyle" style="padding: 0px;">
- <div class="icon"><img src="./images/sw-gable.gif"> </div>
- <div class="icon-descrition"><input id="straightGable" class="straightGable" type="radio" name="buildingStyle" value="straight_wall_gable"> Gable</div>
- </div>
- <div class="OneColumn buildingStyle" style="padding: 0px;">
- <div class="icon"> <img src="./images/sw-ss.gif"> </div>
- <div class="icon-descrition"><input id="straightSingleShop" class="straightGable" type="radio" name="buildingStyle" value="straight_wall_single_slop"> Single Slope </div>
- </div>
- <div class="OneColumn buildingStyle" style="padding: 0px;">
- <div class="icon"> <img src="./images/ac.gif"></div>
- <div class="icon-descrition"> <input id="straightArchQuonset" class="straightGable" type="radio" name="buildingStyle" value="Arch_Style_Quonset"> Quonset </div>
- </div>
- </div>
- </td>
- </tr>
- <!--<td width="26%">
- <div class="OneColumn buildingStyle" style="padding: 0px;">
- <input id="qunestpmodel" class="straightGable" type="radio" name="buildingStyle" value="Quonset_PModel">
- Quonset(P-Model)
- <img width="30%" src="./images/ac.gif">
- </div>
- </td>
- <td width="26%">
- <div class="OneColumn buildingStyle" style="padding: 0px;">
- <input id="qunestqmodel" class="straightGable" type="radio" name="buildingStyle" value="Quonset_QModel">
- Quonset(Q-Model)
- <img width="30%" src="./images/ac.gif">
- </div>
- </td>-->
- </tbody>
- <!----------------------------------End Building Style Radio Buttons of Others------------------------------------------------>
- <!-------------------------------Height/Width/Length selection for the straight Wall-------------------------------------------->
- <tbody id="show_straight">
- <!--style=" display:none;"-->
- <tr>
- <td colspan="1" class="label">
- <p class="font_set">Building Size:</p>
- </td>
- <td colspan="4">
- <select name="straightWallWidth" class="inputClass" id="styleWidth">
- <option value="">Width</option>
- <option value="24">24</option>
- <option value="26">26</option>
- <option value="28">28</option>
- <option value="30">30</option>
- <option value="40">40</option>
- <option value="50">50</option>
- <option value="60">60</option>
- <option value="70">70</option>
- <option value="80">80</option>
- <option value="90">90</option>
- <option value="100">100</option>
- <option value="125">125</option>
- <option value="150">150</option>
- <option value="175">175</option>
- <option value="200">200</option>
- <option value="225">225</option>
- <option value="250">250</option>
- <option value="275">275</option>
- <option value="300">300</option>
- </select>
- <select name="straightWallLength" class="inputClass" id="styleLength">
- <option value="">Length</option>
- <option value="24">24</option>
- <option value="26">26</option>
- <option value="28">28</option>
- <option value="30">30</option>
- <option value="40">40</option>
- <option value="50">50</option>
- <option value="60">60</option>
- <option value="70">70</option>
- <option value="80">80</option>
- <option value="90">90</option>
- <option value="100">100</option>
- <option value="125">125</option>
- <option value="150">150</option>
- <option value="175">175</option>
- <option value="200">200</option>
- <option value="225">225</option>
- <option value="250">250</option>
- <option value="275">275</option>
- <option value="300">300</option>
- </select>
- <select name="styleHeight" class="inputClass" id="straightWallHeight">
- <option value="">Height</option>
- <option value="0">8</option>
- <option value="2">10</option>
- <option value="4">12</option>
- <option value="6">14</option>
- <option value="8">16</option>
- <option value="10">18</option>
- <option value="12">20</option>
- <option value="14">22</option>
- </select>
- </td>
- </tr>
- </tbody>
- <!-------------------------------End Height/Width/Length selection for the straight Wall-------------------------------------------->
- <!------------------------------- Height/Width/Length selection for the Arc Style-------------------------------------------->
- <tbody id="show_arc" style="display:none;">
- <tr>
- <td colspan="1" class="label">
- <p class="font_set">Building Size:</p>
- </td>
- <td colspan="4">
- <select name="gableStyleWidth" class="inputClass" id="archStyleWidth">
- <option value="">Width</option>
- <option value="10">10</option>
- <option value="20">20</option>
- <option value="30">30</option>
- <option value="40">40</option>
- <option value="50">50</option>
- <option value="60">60</option>
- <option value="70">70</option>
- <option value="80">80</option>
- <option value="90">90</option>
- <option value="100">100</option>
- <option value="125">125</option>
- <option value="150">150</option>
- <option value="175">175</option>
- <option value="200">200</option>
- <option value="225">225</option>
- <option value="250">250</option>
- <option value="275">275</option>
- <option value="300">300</option>
- </select>
- <select name="gableStyleLength" class="inputClass" id="archStyleLength">
- <option value="">Length</option>
- <option value="10">10</option>
- <option value="12">12</option>
- <option value="14">14</option>
- <option value="16">16</option>
- <option value="20">20</option>
- <option value="25">25</option>
- <option value="30">30</option>
- <option value="35">35</option>
- <option value="40">40</option>
- <option value="45">45</option>
- <option value="50">50</option>
- <option value="60">60</option>
- <option value="70">70</option>
- <option value="80">80</option>
- <option value="90">90</option>
- <option value="100">100</option>
- <option value="110">110</option>
- <option value="120">120</option>
- </select>
- <select name="gableStyleHeight" class="inputClass" id="archStyleHeight" onchange="calculate()">
- <option value="">Height</option>
- <option value=10>10</option><option value=12>12</option><option value=14>14</option><option value=16>16</option><option value=18>18</option><option value=20>20</option><option value=22>22</option>
- </select>
- </td>
- </tr>
- </tbody>
- <!------------------------------- End Height/Width/Length selection for the Arc Style-------------------------------------------->
- <!--------------------------------------------------- Building Location-------------------------------------------->
- <tbody id="show_address">
- <!--style="display:none"-->
- <tr>
- <td colspan="1" class="label">
- <p class="font_set">Building Location:</p>
- </td>
- <td colspan="4"><input id="locationRadio1" type="radio" value="us" name="location" checked="checked"><label>USA</label>
- <input id="locationRadio2" type="radio" value="can" name="location"><label>Canada</label>
- <input id="locationRadio3" type="radio" value="intl" name="location"><label>International</label>
- </td>
- </tr>
- </tbody>
- <!-------------------------------------------------End Building Location-------------------------------------------->
- <!---------------------------------------------Display Fields base on Building Location-------------------------------------------->
- <!----------------------Display Fields For International Address----------------------->
- <!--<tbody id="IntAddress" style="display:none">
- <tr>
- <td>
- <input type="text" name="int_add" id="int_add" class="state_province" placeholder="State/Province" />
- </td>
- <td>
- <input id="zipcode" class="zipcode" type="text" name="zipcode_int" placeholder="Zip/Postal Code">
- </td>
- </tr>
- </tbody>-->
- <!----------------------End Display Fields For International Address----------------------->
- <!----------------------Display Fields For USA Address----------------------->
- <tbody id="usAddress">
- <!-- style=" display:none;"-->
- <tr>
- <td colspan="2">
- <select name="us_province" id="us_province" class="inputClass">
- <option value="">Choose State</option>
- <option value="8.3">AK - Alaska</option>
- <option value="3.3">AL - Alabama</option>
- <option value="0">AR - Arkansas</option>
- <option value="0">AZ - Arizona</option>
- <option value="1.7">CA - California</option>
- <option value="5">CO - Colorado</option>
- <option value="5">CT - Connecticut</option>
- <option value="1.7">DC - District of Columbia</option>
- <option value="5">DE - Delaware</option>
- <option value="3.3">FL - Florida</option>
- <option value="3.3">GA - Georgia</option>
- <option value="1.7">HI - Hawaii</option>
- <option value="0">IA - Iowa</option>
- <option value="0">ID - Idaho</option>
- <option value="0">IL - Illinois</option>
- <option value="0">IN - Indiana</option>
- <option value="3.3">KS - Kansas</option>
- <option value="0">KY - Kentucky</option>
- <option value="3.3">LA - Louisiana</option>
- <option value="8.3">MA - Massachusetts</option>
- <option value="6.7">MD - Maryland</option>
- <option value="6.7">ME - Maine</option>
- <option value="5">MI - Michigan</option>
- <option value="5">MN - Minnesota</option>
- <option value="0">MO - Missouri</option>
- <option value="3.3">MS - Mississippi</option>
- <option value="3.3">MT - Montana</option>
- <option value="0">NC - North Carolina</option>
- <option value="3.3">ND - North Dakota</option>
- <option value="1.7">NE - Nebraska</option>
- <option value="6.7">NH - New Hampshire</option>
- <option value="6.7">NJ - New Jersey</option>
- <option value="1.7">NM - New Mexico</option>
- <option value="0">NV - Nevada</option>
- <option value="6.7">NY - New York</option>
- <option value="0">OH - Ohio</option>
- <option value="3.3">OK - Oklahoma</option>
- <option value="3.3">OR - Oregon</option>
- <option value="8.3">PA - Pennsylvania</option>
- <option value="3.3">PR - Puerto Rico</option>
- <option value="5">RI - Rhode Island</option>
- <option value="3.3">SC - South Carolina</option>
- <option value="1.7">SD - South Dakota</option>
- <option value="1.7">TN - Tennessee</option>
- <option value="3.3">TX - Texas</option>
- <option value="0">UT - Utah</option>
- <option value="0">VA - Virginia</option>
- <option value="5">VT - Vermont</option>
- <option value="3.3">VI - Virgin Islands</option>
- <option value="1.7">WA - Washington</option>
- <option value="5">WI - Wisconsin</option>
- <option value="0">WV - West Virginia</option>
- <option value="1.7">WY - Wyoming</option>
- </select>
- </td>
- <td colspan="3">
- <input id="zipcode" class="zipcode" type="text" name="zipcode_us" placeholder="Zip Code" maxlength="5">
- </td>
- </tr>
- </tbody>
- <!----------------------End Display Fields For USA Address----------------------->
- <!---------------------- Display Fields For Canada Address----------------------->
- <tbody id="canAddress" style="display:none;">
- <tr>
- <td colspan="1">
- <select name="can_province" class="inputClass" id="can_province">
- <option value="">Choose Province</option>
- <option value="AB">Alberta</option>
- <option value="BC">British Columbia</option>
- <option value="MB">Manitoba</option>
- <option value="NB">New Brunswick</option>
- <option value="NL">Newfoundland & Labrador</option>
- <option value="NS">Nova Scotia</option>
- <option value="NT">Northwest Territories</option>
- <option value="NU">Nunavut</option>
- <option value="ON">Ontario</option>
- <option value="PE">Prince Edward Island</option>
- <option value="QC">Quebec</option>
- <option value="SK">Saskatchewan</option>
- <option value="YT">Yukon</option>
- </select>
- </td>
- <td colspan="1">
- <input id="zipcode" class="zipcode" type="text" name="zipcode_can" placeholder="Postal Code" maxlength="7">
- </td>
- </tr>
- </tbody>
- <!----------------------End Display Fields For Canada Address----------------------->
- <!------------------------------------------End Display Fields base on Building Location-------------------------------------------->
- <!------------------------------------------Submit Button For Calculation-------------------------------------------->
- <tbody id="show_button">
- <!-- style="display:none;"-->
- <tr>
- <td colspan="5">
- <div class="light-bg cf">
- <input type="submit" name="submit" class="cal_button" value="Calculate Estimate">
- <div class="total_estimation" id="display_result"> </div>
- </div>
- </td>
- </tr>
- </tbody>
- <!------------ Disable Reset --------------->
- <! <tbody id="reset_button">
- <!-- style="display:none;"-->
- <! <tr>
- <! <td colspan="2">
- <! <input type="button" class="reset" value="Reset" onclick="resetValue()">
- <! </td>
- <! </tr>
- <! </tbody>
- <!------------ End Disable Reset ----------->
- <!------------------------------------------End Submit Button For Calculation-------------------------------------------->
- </form>
- </table>
- <!--------------------------------------- End Calcution Form------------------------------------------------------------->
- </div>
- <div class="clearfix">
- <nav class="links node-links clearfix"></nav>
- </div>
- </article>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </section>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement