Databases
StackOverflow2013
Postsdbo
POJava script in html page won't work, but it does work on drupal page
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POJava script in html page won't work, but it does work on drupal page
    text
    copied!<p>The drupal page: <a href="http://www.vertexwaterfeatures.com/herbicide-calculators" rel="nofollow">http://www.vertexwaterfeatures.com/herbicide-calculators</a></p> <p>The point is that I do not want the template so I figured I would just make a plain html page to drop in the site but the js wont work - I tried link but that didn't work either. </p> <p>I am obviously missing something...</p> <p>Here's the code:</p> <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;title&gt;Herbicide Calculators&lt;/title&gt; &lt;style type="text/css"&gt; .calculator {float: left;width: 280px;padding: 5px;margin: 0 5px 5px;border-radius: 5px;-moz-border-radius: 5px;border-width: thin;border-style: solid;color: #000;} .calculator .form-row {overflow: auto;padding: 2px 2px;border: thin solid #D6D6D6;font-family: Arial, Helvetica, sans-serif;font-size: 14px;} .calculator .form-row LABEL {float: left;width: 150px;line-height: 1.1em;} .calculator .form-row INPUT {float: right;width: 110px;} .calculator .form-row.last-row {background-color: #E0E0E0;} .calculator .form-row-buttons {text-align: center;margin-top: 5px;} .calculator SMALL {line-height: 0.7em;font-size: 10px;} .calculator DD {font-size: 11px;font-style: italic;margin-bottom: 0;} .calculator DT {font-size: 11px; font-weight: bold; } &lt;/style&gt; &lt;script language="JavaScript" type="text/javascript"&gt; $(document).ready(function() { $('#a_qty_calculator').submit(function() { a_qty_calc(); return false; }); $('#b_qty_calculator').submit(function() { b_qty_calc(); return false; }); }); function a_qty_calc() { var pr = parseFloat($('#pr').val()); var sw = parseFloat($('#sw').val()); var ad = parseFloat($('#ad').val()); var dc = parseFloat($('#dc').val()); var pg = parseFloat($('#pg').val()); var ta = document.getElementById('totalPrice') var ta = Math.round((pr * sw) / 43560 * 100) / 100; var taf = Math.round(ad * ta * 100) / 100; var ga = Math.round((taf * dc * 2.72) / pg * 100) / 100; var oa = Math.round(ga * 128 * 100) / 100; var gab = Math.round(ga / 1000 * 100) / 100; var oab = Math.round(gab * 128 * 100) / 100; $('#ta').val(ta); $('#taf').val(taf); $('#ga').val(ga); $('#oa').val(oa); $('#gab').val(gab); $('#oab').val(oab); } function b_qty_calc() { var wad = parseFloat($('#wad').val()); var wdc = parseFloat($('#wdc').val()); var wpg = parseFloat($('#wpg').val()); var wta = parseFloat($('#wta').val()); var wtaf = Math.round(wad * wta * 100) / 100; var wga = Math.round((wtaf * wdc * 2.72) / wpg * 100) / 100; var woa = Math.round(wga * 128 * 100) / 100; var wgab = Math.round(wga / 1000 * 100) / 100; var woab = Math.round(wgab * 128 * 100) / 100; $('#wtaf').val(wtaf); $('#wga').val(wga); $('#woa').val(woa); $('#wgab').val(wgab); $('#woab').val(woab); } &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;form action="" class="calculator" id="a_qty_calculator" method="post"&gt; &lt;h3&gt;Perimeter Treatment&lt;/h3&gt; &lt;div class="form-row optional"&gt; &lt;label for="pr"&gt;Perimeter&lt;/label&gt; &lt;input id="pr" name="pr" type="text" value="0" /&gt; &lt;/div&gt; &lt;div class="form-row optional"&gt; &lt;label for="sw"&gt;Swath Width&lt;/label&gt; &lt;input id="sw" name="sw" type="text" value="0" /&gt; &lt;/div&gt; &lt;div class="form-row optional"&gt; &lt;label for="ad"&gt;Average Depth&lt;/label&gt; &lt;input id="ad" name="ad" type="text" value="0" /&gt; &lt;/div&gt; &lt;div class="form-row optional"&gt; &lt;label for="dc"&gt;Desired Concentration&lt;/label&gt; &lt;input id="dc" name="dc" type="text" value="0" /&gt; &lt;/div&gt; &lt;div class="form-row optional"&gt; &lt;label for="pg"&gt;Lbs of AI/Gallon&lt;/label&gt; &lt;input id="pg" name="pg" type="text" value="0" /&gt; &lt;/div&gt; &lt;div class="form-row optional last-row"&gt; &lt;label for="ta"&gt;Treatment Acres&lt;/label&gt; &lt;input id="ta" name="ta" type="text" value="0" /&gt; &lt;/div&gt; &lt;div class="form-row optional last-row"&gt; &lt;label for="taf"&gt;Treatment Area Acre Ft&lt;/label&gt; &lt;input id="taf" name="taf" type="text" value="0" /&gt; &lt;/div&gt; &lt;div class="form-row optional last-row"&gt; &lt;label for="ga"&gt;Gallons to Apply PPM&lt;/label&gt; &lt;input id="ga" name="ga" type="text" value="0" /&gt; &lt;/div&gt; &lt;div class="form-row optional last-row"&gt; &lt;label for="oa"&gt;Ounces to Apply PPM&lt;/label&gt; &lt;input id="oa" name="oa" type="text" value="0" /&gt; &lt;/div&gt; &lt;div class="form-row optional last-row"&gt; &lt;label for="gab"&gt;Gallons to Apply PPB&lt;/label&gt; &lt;input id="gab" name="gab" type="text" value="0" /&gt; &lt;/div&gt; &lt;div class="form-row optional last-row"&gt; &lt;label for="oab"&gt;Ounces to Apply PPB&lt;/label&gt; &lt;input id="oab" name="oab" type="text" value="0" /&gt; &lt;/div&gt; &lt;div class="form-row-buttons"&gt; &lt;input type='submit' id='submit' value="Calculate" /&gt; &lt;input name="reset" type="reset" value="Reset" /&gt; &lt;/div&gt; &lt;/form&gt; &lt;form action="" class="calculator" id="b_qty_calculator" method="post"&gt; &lt;h3&gt;Whole Lake Treatment&lt;/h3&gt; &lt;div class="form-row optional"&gt; &lt;label for="wta"&gt;Treatment Acres&lt;/label&gt; &lt;input id="wta" name="wta" type="text" value="0" /&gt; &lt;/div&gt; &lt;div class="form-row optional"&gt; &lt;label for="wad"&gt;Average Depth&lt;/label&gt; &lt;input id="wad" name="wad" type="text" value="0" /&gt; &lt;/div&gt; &lt;div class="form-row optional"&gt; &lt;label for="wdc"&gt;Desired Concentration&lt;/label&gt; &lt;input id="wdc" name="wdc" type="text" value="0" /&gt; &lt;/div&gt; &lt;div class="form-row optional"&gt; &lt;label for="wpg"&gt;Lbs of AI/Gallon&lt;/label&gt; &lt;input id="wpg" name="wpg" type="text" value="0" /&gt; &lt;/div&gt; &lt;div class="form-row optional last-row"&gt; &lt;label for="wtaf"&gt;Treatment Area Acre Ft&lt;/label&gt; &lt;input id="wtaf" name="wtaf" type="text" value="0" /&gt; &lt;/div&gt; &lt;div class="form-row optional last-row"&gt; &lt;label for="wga"&gt;Gallons to Apply PPM&lt;/label&gt; &lt;input id="wga" name="wga" type="text" value="0" /&gt; &lt;/div&gt; &lt;div class="form-row optional last-row"&gt; &lt;label for="woa"&gt;Ounces to Apply PPM&lt;/label&gt; &lt;input id="woa" name="woa" type="text" value="0" /&gt; &lt;/div&gt; &lt;div class="form-row optional last-row"&gt; &lt;label for="wgab"&gt;Gallons to Apply PPB&lt;/label&gt; &lt;input id="wgab" name="wgab" type="text" value="0" /&gt; &lt;/div&gt; &lt;div class="form-row optional last-row"&gt; &lt;label for="woab"&gt;Ounces to Apply PPB&lt;/label&gt; &lt;input id="woab" name="woab" type="text" value="0" /&gt; &lt;/div&gt; &lt;div class="form-row-buttons"&gt; &lt;input name="submit" type="submit" value="Calculate"/&gt; &lt;input name="reset" type="reset" value="Reset" /&gt; &lt;/div&gt; &lt;/form&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload