document.add.PB_HH is null or not an object? 1

[ERuiz]

I am getting this error "document.add.PB_HH is null or not an object" everytime I try to run this script:

<script language="JavaScript">
<!--
function CalculateHours()
{
var minutes1 = 0;
var minutes2 = 0;
var minutesdelta = 0;
var hours = 0;
var hours2 = '';

minutes1 = document.add.PB_HH.value*60 + document.add.PB_MM.value*1;
minutes2 = document.add.SD_HH.value*60 + document.add.SD_MM.value*1;

if (minutes1 < minutes2) {minutesdelta = minutes2-minutes1}
else {minutesdelta = (minutes2+24*60)-minutes1};

if (document.add.vatsim_flight.value == 'YES') {minutesdelta=minutesdelta*1.5};

hours = (minutesdelta/60)+0.05;
hours2 = ''+hours;

if (hours2.indexOf('.') != -1)
{
hours2=hours2.substring(0,hours2.indexOf('.')+2);
}

//alert ('Test ' + minutesdelta + ' ' + hours2);
document.add.total_block_time.value=hours2;
}


function callJavaScript(functionName)
{
return eval(functionName)
}
//-->
</script>

This script uses the following forms:

<tr>
<td><font color="red" size="5">·</font>VATSIM Flight</td>
<td><select size="1" paf="select" emsg="" class="inputbox" name="vatsim_flight" onChange="Javascript:CalculateHours();" >
<option value="" SELECTED>&nbsp;&nbsp;&nbsp;&nbsp;</option>
<option value="YES">Yes</option>
<option value="NO">No</option>
</select>
</td>
</tr>

<tr><td><font color="red" size="5">·</font>Pushback Time</td>
<td><select size="1" paf="select" emsg="" class="inputbox" name="PB_HH" onChange="Javascript:CalculateHours();" >
<option value="" SELECTED>&nbsp;&nbsp;&nbsp;&nbsp;</option>
<option value="00">00</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>

<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>

<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
</select>
: <select size="1" paf="select" emsg="" class="inputbox" name="PB_MM" onChange="Javascript:CalculateHours();" >
<option value="" SELECTED>&nbsp;&nbsp;&nbsp;&nbsp;</option>
<option value="00">00</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>

<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>

<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>

<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
<option value="32">32</option>
<option value="33">33</option>

<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>

<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
<option value="51">51</option>

<option value="52">52</option>
<option value="53">53</option>
<option value="54">54</option>
<option value="55">55</option>
<option value="56">56</option>
<option value="57">57</option>
<option value="58">58</option>
<option value="59">59</option>
</select>
<font size="1">Z</font><br />
</td>
</tr>
<tr>
<td><font color="red" size="5">·</font>Shutdown Time</td>
<td><select size="1" paf="select" emsg="" class="inputbox" name="SD_HH" onChange="Javascript:CalculateHours();" >
<option value="" SELECTED>&nbsp;&nbsp;&nbsp;&nbsp;</option>
<option value="00">00</option>
<option value="01">01</option>
<option value="02">02</option>

<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>

<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>

<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
</select>
: <select size="1" paf="select" emsg="" class="inputbox" name="SD_MM" onChange="Javascript:CalculateHours();" >
<option value="" SELECTED>&nbsp;&nbsp;&nbsp;&nbsp;</option>
<option value="00">00</option>
<option value="01">01</option>

<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>

<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>

<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>

<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>

<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>

<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
<option value="51">51</option>
<option value="52">52</option>
<option value="53">53</option>
<option value="54">54</option>
<option value="55">55</option>

<option value="56">56</option>
<option value="57">57</option>
<option value="58">58</option>
<option value="59">59</option>
</select>
<font size="1">Z</font>
</td>
</tr>
<tr>
<td><font color="red" size="5">·</font>Total Block Time</td>
<td><input type="text" paf="" emsg="" alt="" class="inputbox" name="total_block_time" size="7" maxlength="4" value=""><font size="1"> hrs</font>
</td>
</tr>



What could be the problem? It used to work on another site. Everytime I would choose a time from the drop down choices, the Total Block Time field would update itself in real time. Now it won't work. Thanks for any help!

-Efrain

 

[cLFlaVA]

well, from what you've given, i see no form named "add". if you DO have a form named "add" but failed to copy it to your post, try doing something like this for all of your references to the form and field in your javascript.

document.forms['add'].elements['PB_HH'].value

instead of

document.add.PB_HH.value

*cLFlaVA
----------------------------
[tt]I already made like infinity of those at scout camp...[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]

 

[ERuiz]

HOLY COW! It was that easy? lol! My form indeed had a name. It is named "adminForm" without the quotes. So I just changed all references of add to adminForm and presto, the script is working like a charm once again! THANKS A MILLION!!!!!

One last thing my friend. How can I have my total_block_time field appear with the result but NOT EDITABLE? In other words, the way it is right now, the script is filling the text box with the result. I would like it to still display the result but not editable.

This is the total_block_time field:

<tr>
<td><font color="red" size="5">·</font>Total Block Time</td>
<td><input type="text" paf="" emsg="" alt="" class="inputbox" name="total_block_time" size="7" maxlength="4" value=""><font size="1"> hrs</font>
</td>
</tr>

 

[cLFlaVA]

you would use

<input type="text" [red]disabled="disabled"[/red] paf="" emsg="" alt="" class="inputbox" name="total_block_time" size="7" maxlength="4"  value="" />

and what in the world is paf and emsg?

*cLFlaVA
----------------------------
[tt]I already made like infinity of those at scout camp...[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]

 

[ERuiz]

lol paf is Phil-A-Form and to be honest, I have no idea what emsg is! hahahaha My forms are created by a software addon for Joomla, which creates forms very easily in a WYSIWYG environment. When I use fValidate to validate my forms, Phil-A-Form inserts the necessary code into the "paf" variable.

BTW, it worked perfectly! THANKS!

 

[cLFlaVA]

just keep in mind that the values of disabled fields do not get submitted to the page your form submits to. you may want to look into [tt]readonly="readonly"[/tt] (but this is internet-explorer only) or a javascript solution, or you may want to not even make this a form field, but rather a span or something that you update.

*cLFlaVA
----------------------------
[tt]I already made like infinity of those at scout camp...[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]

 

[ERuiz]

I was about to inform you about this! I just noticed that the results for total_block_time were not being submitted. What would be the best way to display the result while still being able to submit it as total_block_time? I want to avoid the readonly option to keep things compatible with FireFox and other browsers.

Can you give me some examples if it's not too much trouble?

 

[ERuiz]

As a matter of fact, I just gave readonly="readonly" a try and it actually worked for both FireFox and IE!

 

[cLFlaVA]

make your total_block_time a hidden field.

<input name="total_block_time" type="hidden" value="" ... />

then display your information in another disabled field if you want, or you can display it as text (not in a field).

values of hidden fields get submitted.



*cLFlaVA
----------------------------
[tt]I already made like infinity of those at scout camp...[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]

 

[ERuiz]

Since using readonly works perfectly with both FireFox and IE, "so far", I will stick with that. If any problems arise later on, I will try your last tip. ;-) I am very grateful for your help, my friend. Really appreciate it indeed.