Results 1 to 4 of 4

Thread: Loft Height Calculator

  1. #1
    Join Date
    Oct 2017
    Posts
    18
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Loft Height Calculator

    1) Script Title: Loft Height Calculator

    2) Script URL: https://nationalhomestore.com/Loft-Height-Calculator

    3) Describe problem: When The Ceiling Height Increases the above dimensions should increase by the same amount. When it decrease is should
    decrease by the same amount.

    When a customer enters the Minimum Headroom Above Mattress is should change the quantities based on the defaults.
    Last edited by james438; 12-20-2018 at 11:08 PM. Reason: format

  2. #2
    Join Date
    Oct 2017
    Posts
    18
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Code:
    <script>
    function calc_headroom(form) {
    var mattress = form.mattress.value;
    var ceiling = form.ceiling.value;
    var above = form.above.value;
    var leg691 = 0
    var leg692 = 0
    var leg831 = 0
    var leg832 = 0
    var trim691 = 0
    var trim692 = 0
    var trim831 = 0
    var trim832 = 0
    var underceiling = (ceiling - above - mattress - 3);
    
    form.under691.value = (69 - 5 - mattress - 3);
    if (underceiling < form.under691.value) (form.under691.value = underceiling);
    form.under831.value = (83 - 5 - mattress - 3);
    if (underceiling < form.under831.value) (form.under831.value = underceiling);
    form.under692.value = (69 - 10 - mattress - 3);
    if (underceiling < form.under692.value) (form.under692.value = underceiling);
    form.under832.value = (83 - 10 - mattress - 3);
    if (underceiling < form.under832.value) (form.under832.value = underceiling);
    
    form.a691.value = (ceiling - mattress - 3 - form.under691.value);
    form.a831.value = (ceiling - mattress - 3 - form.under831.value);
    form.a692.value = (ceiling - mattress - 3 - form.under692.value);
    form.a832.value = (ceiling - mattress - 3 - form.under832.value);
    
    leg691 = -(-3 - mattress - 5 - form.under691.value);
    leg831 = -(-3 - mattress - 5 - form.under831.value);
    leg692 = -(-3 - mattress - 10 - form.under692.value);
    leg832 = -(-3 - mattress - 10 - form.under832.value);
    
    trim691 = 69 - leg691;
    trim831 = 83 - leg831;
    trim692 = 69 - leg692;
    trim832 = 83 - leg832;
    
    form.top691.value = leg691 - 5;
    form.top831.value = leg831 - 5;
    form.top692.value = leg692 - 10;
    form.top832.value = leg832 - 10;
    
    minabove30 = "Suggestion: We recommend the Minimum Headroom Above the Mattress is 30 inches.";
    mattresszero = "Error: The Mattress Thickness must be greater than zero";
    mattress40 = "Error: The Mattress Thickness must be less than 40 inches";
    
    if (mattress < 1) alert(mattresszero);  // mattress must be greater than zero
    if (mattress > 40) alert(mattress40); // mattress can't be greater then 40
    if (above < 10) alert(minabove30);  // minimum headroom above is 30
    
    }
    </script>
    
    <center>
    <form method="POST" id="calcform">
    
    
    <table bgcolor="#ffffff" width="550" border="0" cellpadding="0" cellspacing="0">
    <tbody><tr>
    <td><h2>Height Calculator</h2>
      <h4>How much headroom will I get?<br />
        Enter your specifications below and then press Calculate Headroom. </h4></td>
    </tr>
    <tr>
    <td>
    <table width="100%" border="0" cellpadding="0" cellspacing="0">
    <tbody><tr>
    <td valign="top">
      <div>
    <table width="85%" align="center" cellpadding="2" cellspacing="2">
      <tr>
        <td width="74%">Total Mattress Thickness <a href="#" class="hintanchor" onMouseOver="showhint('Enter the total thickness of the mattress and any mattress topper.', this, event, '200px')" style="text-decoration: none; vertical-align: middle; font-weight: 400;color:#900">[?]</a></td>
        <td width="26%"><input name="mattress" size="3" value="8" onFocus="select()" maxlength="2"> inches</td>
      </tr>
      <tr>
        <td>Ceiling Height <a href="#" class="hintanchor" onMouseOver="showhint('We need the ceiling height to calculate how much headroom you will get above and underneath.', this, event, '200px')" style="text-decoration: none; vertical-align: middle; font-weight: 400;;color:#900">[?]</a></td>
        <td><input name="ceiling" size="3" value="96" onFocus="select()"> inches</td>
      </tr>
      <tr>
        <td>Minimum Headroom Above Mattress <a href="#" class="hintanchor" onMouseOver="showhint('We recommend a minimum of 30 inches of headroom above.', this, event, '200px')" style="text-decoration: none; vertical-align: middle; font-weight: 400;;color:#900">[?]</a></td>
        <td><input name="above" size="3" value="" onFocus="select()"> inches</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td colspan="2" align="right"><input value="Reset" type="reset" onclick="setTimeout(function(){calc_headroom(document.getElementById('calcform'));}, 100); return true;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input value="Calculate Headroom" onClick="calc_headroom(this.form)" type="button"></td>
        </tr>
    </table><br /> <br /> 
    
    <h2><strong><center>Headroom Above &amp; Underneath the Mattress</center></strong></h2><br />
    
    <table width="75%" align="center" cellpadding="2" cellspacing="2">
      <tr>
        <td colspan="2"><strong>Using Standard Single Or Double Safety Rail. The Triple Safety Rail Will Be The 83 In. Tall Bed</strong></td>
        </tr>
      <tr>
        <td><strong>69" Legs</strong></td>
        <td><strong>83" Legs</strong></td>
      </tr>
      <tr>
        <td>Above &nbsp;<input name="a691" value="34" size="3" style="color: rgb(255, 0, 0); font-weight: bold;"></td>
        <td>Above &nbsp;<input name="a831" value="20" size="3" style="color: rgb(255, 0, 0); font-weight: bold;"></td>
      </tr>
      <tr>
        <td>Underneath&nbsp;<input name="under691" value="56" size="3" style="color: rgb(255, 0, 0); font-weight: bold;"></td>
        <td>Underneath&nbsp;<input name="under831" value="70" size="3" style="color: rgb(255, 0, 0); font-weight: bold;"></td>
      </tr>
      <tr>
        <td>Top of Mattress&nbsp;<input name="top691" value="64" size="3" style="color: rgb(255, 0, 0); font-weight: bold;"></td>
        <td>Top of Mattress&nbsp;<input name="top831" value="78" size="3" style="color: rgb(255, 0, 0); font-weight: bold;"></td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
    
      <tr>
    <td colspan="2" align="center"><input value="Return to Previous Page" onClick="javascript:history.back()" type="button"></td>
      </tr>
      <tr>
        <td colspan="2">&nbsp;</td>
      </tr>
    </table>
    
    <center>
      <p><img src="media/cms/html/loft_drawing_text.gif" width="485" border="0" height="339"></p>
      <table width="100%" cellspacing="2" cellpadding="2">
        <tr>
          <td height="33%" align="center" valign="top"><h6>Standard 69" Legs<br />Single Safety Rail<br /><img src="media/cms/html/loft_clear_100x97.jpg" width="100" height="97" alt="Standard 69&quot; Legs with Single Safety Rail"></h6></td>
          <td height="33%" align="center" valign="top"><h6>Extra Tall 83" Legs<br />Single Safety Rail<br /><img src="media/cms/html/loft_extratall_100x111.jpg" width="100" height="111" alt="Extra Tall 83&quot; Legs with Single Safety Rail"></h6></td>
          <td width="33%" align="center" valign="top"><h6>Standard 69" Legs<br />Youth (Double) Safety Rails<br /><img src="media/cms/html/youth_sdc_1468x1480_small1.jpg" width="100" height="100" alt="Standard 69&quot; Legs with Youth (Double) Safety Rails"></h6></td>
        </tr>
      </table>
      <p>&nbsp;</p>
    </center>
          
          
         </div></td>
    </tr>
    </tbody></table>
    </td>
    </tr>
    </tbody></table>
    
    </form></center>
    <script>
    calc_headroom(document.getElementById('calcform'));
    </script>
    Last edited by james438; 12-20-2018 at 11:08 PM. Reason: format

  3. #3
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,568
    Thanks
    1
    Thanked 246 Times in 241 Posts

    Default

    Hi there jonaha,


    you could start by sorting out this coding error...

    In the javascript there are 5 instances of form.under692.value, but there
    is no form element in the HTML with the attribute name="under692".

    coothead
    ~ the original bald headed old fart ~

  4. #4
    Join Date
    Oct 2017
    Posts
    18
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by coothead View Post
    Hi there jonaha,


    you could start by sorting out this coding error...

    In the javascript there are 5 instances of form.under692.value, but there
    is no form element in the HTML with the attribute name="under692".

    coothead
    I am willing to pay someone to write this script for me. Any suggestions?

Similar Threads

  1. Replies: 0
    Last Post: 08-11-2009, 06:19 AM
  2. Replies: 2
    Last Post: 11-04-2007, 06:21 PM
  3. matching div height to dynamic Iframe height
    By Kevisazombie in forum JavaScript
    Replies: 1
    Last Post: 10-07-2007, 10:22 PM
  4. Replies: 2
    Last Post: 06-01-2007, 05:49 AM
  5. Setting a division's height based on Screen Height.
    By xstayxstrongx in forum JavaScript
    Replies: 1
    Last Post: 01-27-2006, 04:15 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •