HTML and javascript weirdness

Discussion in 'Programmer's Corner' started by Chris11jed, Jan 23, 2015.

  1. Chris11jed

    Thread Starter New Member

    Dec 15, 2013
    16
    0
    Hello all,

    I have been toying around with a piece of code I can't get right. And have had some strange stuff with.
    The idea is to get a webserver run on a WiFi capable PIC to display a page. On the page is measurements and time/date (all values will be from the PIC) but for now i have these values in the HTML/javascript code as I design the page with Notepad++

    I have the page roughly how I want it to look. The functionality works 9 out of 10. As you will see the button 'Refresh All (Measurements Time Date)' when pressed should cycle through values. When the PIC will run this button will call to the PIC to get new values and the page will be updated by the getElementById (as is already in the cycle function)

    The other two buttons make sure the reset values have all been filled out before clicking the 'Reset Values' button. These two buttons do what they should for now. Again when the PIC is running this the 'Reset Values' button will send a string to the PIC to reset those values (I have yet to code that here)
    The question I have is why the 'Refresh All' cycle code will not work. In other projects/code I can get this to work, but not here. So any help in what's stopping it would be great.

    And the other questions I have is to do with the functions in javascript. I would like to move them all up into the header section. But if i do none of the buttons will do anything, so i leave the code close to where it's doing things. What's up with that?

    Cheers
    Chris

    Here's the code as it is now:
    HTML:
    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    3.     <HEAD>
    4.         <TITLE>
    5.             Build 2 WD Rebuild
    6.         </TITLE>
    7.         <STYLE>
    8.             BODY {background-color:Orange;
    9.                                 color:Black;
    10.                             text-indent:26px;}
    11.             H1 {text-align:center;}
    12.            
    13.             #THmesRes {background-color:yellow;}
    14.             #TDTldrw {background-color:#ccccff;}
    15.             #dLDRW {background-color:white;}
    16.             #TDTldrb {background-color:#666666;}
    17.             #dLDRB {background-color:white;}
    18.             #TDTbatt {background-color:#33cc00;}
    19.             #dBATT {background-color:white;}
    20.             #TDTlm35 {background-color:#ff0000;}
    21.             #dLM35 {background-color:white;}
    22.            
    23.             #THtdtRes {background-color:yellow;}
    24.             #TDTtime {background-color:#cc33cc;}
    25.             #dTIME {background-color:white;
    26.                         text-align:center;}
    27.             #TDTwkd {background-color:#000099;
    28.                             text-align:center;
    29.                                 color:yellow;}
    30.             #dWD {text-align:center;}
    31.             #TDTdate {background-color:#3333ff}
    32.             #dDATE {background-color:white;
    33.                         text-align:center;}
    34.             #TDBTNrefall {background-color:#B20000;
    35.                                 text-align:center;}
    36.                        
    37.             #THrstRTC {background-color:#9900CC;}
    38.             #THselTime {background-color:#0000CC;}
    39.             #TRhrmin {background-color:#0066FF;
    40.                             text-align:center;}
    41.             #THTselDt {background-color:#009900;
    42.                                     color:black;}
    43.             #TDyrin {background-color:#00CC00;}
    44.             #TDmthsel {background-color:#00CC00;}
    45.             #TDdayin {background-color:#00CC00;}
    46.             #THTselwdrst {background-color:#B80000;  
    47.                                     color:black;}
    48.             #TDwkdaysel {background-color:#E60000;
    49.                                 text-align:center;}
    50.             #TRFchkrstval {text-align:center;}
    51.             #TDBTNchkrstval {background-color:#000066}
    52.             #TDrstResSpan {background-color:#0000CC;
    53.                                     color:#C8C8C8;}
    54.             #TRFsendrst {text-align:center;}
    55.             #TDBTNpicrstval {background-color:#000066;}
    56.             #TDd8 {background-color:#0000CC;
    57.                             color:#C8C8C8;}
    58.         </STYLE>
    59.         <SCRIPT>
    60.             var RSTCK = 0;
    61.             var WD = 7;
    62.             var iR = 0;
    63.             var LDRW  = new Array('0.978','2.615','3.291','4.951');
    64.             var LDRB  = new Array('1.285','2.974','3.962','4.987');
    65.             var LM35  = new Array('22.5','24.2','26.5','34.7');
    66.             var BATT  = new Array('10.95','11.27','12.04','12.95');
    67.             var HR    = new Array('10','01','23','18');
    68.             var MIN   = new Array('35','21','56','06');
    69.             var DAY   = new Array('20','03','29','15');
    70.             var MTH   = new Array('01','08','10','11');
    71.             var YR    = new Array('09','12','15','20');
    72.             var WkDay = new Array('<TD colspan=2 bgcolor=#993399>Err</TD>',
    73.             '<TD colspan=2 bgcolor=#000099><FONT color=white>MONDAY</FONT></TD>',
    74.             '<TD colspan=2 bgcolor=#9900cc>TUESDAY</TD>',
    75.             '<TD colspan=2 bgcolor=#ff9933>WEDNESDAY</TD>',
    76.             '<TD colspan=2 bgcolor=#ffff66>THURSDAY</TD>',
    77.             '<TD colspan=2 bgcolor=#33ff00>FRIDAY</TD>',
    78.             '<TD colspan=2 bgcolor=#00cc00>SATURDAY</TD>',
    79.             '<TD colspan=2 bgcolor=#33cccc>SUNDAY</TD>');
    80.            
    81.             var RSTahr;
    82.             var RSTamin;
    83.             var RSTaday;
    84.             var RSTamth;
    85.             var RSTayr;
    86.             var RSTawd;
    87.         </SCRIPT>
    88.     </HEAD>
    89.     <BODY>
    90.         <H1>
    91.             Welcome to "Build 2 WD Rebuild"...
    92.         </H1>
    93.         <TABLE align=center border=1 style='font-size:20px; font-family:terminal;'>
    94.             <TR>
    95.                 <TD>
    96.                     <TABLE colspan=2>
    97.                         <TR>
    98.                             <TH colspan=2 id='THmesRes'>
    99.                                 <B>Measurements Results:</B>
    100.                             </TH>
    101.                         </TR>
    102.                         <TR>
    103.                             <TD id='TDTldrw'>
    104.                                 LDR WHITE:
    105.                             </TD>
    106.                             <TD id='dLDRW'>
    107.                                 <SCRIPT>
    108.                                     document.write(LDRW[iR]);
    109.                                 </SCRIPT> /5
    110.                             </TD>
    111.                         </TR>
    112.                         <TR>
    113.                             <TD id='TDTldrb'>
    114.                                 LDR BLACK:
    115.                             </TD>
    116.                             <TD id='dLDRB'>
    117.                                 <SCRIPT>
    118.                                     document.write(LDRB[iR]);
    119.                                 </SCRIPT> /5
    120.                             </TD>
    121.                         </TR>
    122.                         <TR>
    123.                             <TD id='TDTbatt'>
    124.                                 12V BATTERY:
    125.                             </TD>
    126.                             <TD id='dBATT'>
    127.                                 <SCRIPT>
    128.                                     document.write(BATT[iR]);
    129.                                 </SCRIPT> V
    130.                             </TD>
    131.                         </TR>
    132.                         <TR>
    133.                             <TD id='TDTlm35'>
    134.                                 TEMP:
    135.                             </TD>
    136.                             <TD id='dLM35'>
    137.                                 <SCRIPT>
    138.                                     document.write(LM35[iR]);
    139.                                 </SCRIPT> &#176C
    140.                            </TD>
    141.                        </TR>
    142.                    </TABLE>
    143.                </TD>
    144.                <TD>
    145.                    <TABLE colspan=2>
    146.                        <TR>
    147.                            <TH colspan=2 id='THtdtRes'>
    148.                                <B>TIME/DATE/TEMP</B>
    149.                            </TH>
    150.                        </TR>
    151.                        <TR>
    152.                            <TD id='TDTtime'>
    153.                                TIME (24Hr):
    154.                            </TD>
    155.                            <TD id='dTIME'>
    156.                                <SCRIPT>
    157.                                    document.write(HR[iR]);
    158.                                 </SCRIPT> :
    159.                                 <SCRIPT>
    160.                                     document.write(MIN[iR]);
    161.                                 </SCRIPT>
    162.                             </TD>
    163.                         </TR>
    164.                         <TR>
    165.                             <TD colspan=2 id='TDTwkd'>
    166.                                 Week Day:
    167.                             </TD>
    168.                         </TR>
    169.                         <TR id='dWD'>
    170.                                 <SCRIPT>
    171.                                     document.write(WkDay[WD]);
    172.                                 </SCRIPT>
    173.                         </TR>
    174.                         <TR>
    175.                             <TD id='TDTdate'>
    176.                                 DATE:
    177.                             </TD>
    178.                             <TD id='dDATE'>
    179.                                 20<SCRIPT>document.write(YR[iR]);</SCRIPT> /
    180.                                 <SCRIPT>document.write(MTH[iR]);</SCRIPT> /
    181.                                 <SCRIPT>document.write(DAY[iR]);</SCRIPT>
    182.                             </TD>
    183.                         </TR>
    184.                     </TABLE>
    185.                 </TD>
    186.             </TR>
    187.             <SCRIPT>
    188.             function refreshBTN(){
    189.                 iR = (iR + 1);
    190.                 if (iR == 4){
    191.                     iR = 0;
    192.                 };
    193.                
    194.                 WD = (WD + 1);
    195.                 if (WD == 8){
    196.                     WD = 1;
    197.                 };
    198.                
    199.                 var xldrw = LDRW[iR].concat(' /5');
    200.                 var xldrb = LDRB[iR].cocat(' /5');
    201.                 var xbatt = BATT[iR].concat(' V');
    202.                 var xlm35 = LM35[iR].concat(' &#176C');
    203.                 var xtime = HR[iR].concat(' : ', MIN[iR]);
    204.                 var xdate = '20'.concat(YR[iR], ' / ', MTH[iR], ' / ', DAY[iR]);
    205.                
    206.                 document.getElementById('dLDRW').innerHTML = xldrw;
    207.                 document.getElementById('dLDRB').innerHTML = xldrb;
    208.                 document.getElementById('dBATT').innerHTML = xbatt;
    209.                 document.getElementById('dLM35').innerHTML = xlm35;
    210.                 document.getElementById('dTIME').innerHTML = xtime;
    211.                 document.getElementById('dDATE').innerHTML = xdate;
    212.                 document.getElementById('dWD')innerHTML = WkDay[WD];
    213.             };
    214.             </SCRIPT>
    215.             <TR>
    216.                 <TD colspan=4 id='TDBTNrefall'>
    217.                     <BUTTON type='button' onclick='refreshBTN();'>
    218.                         Refresh All Results (Measurements, Time, WeekDay and Date)
    219.                     </BUTTON>
    220.                 </TD>
    221.             </TR>
    222.         </TABLE>
    223.         <TABLE colspan=6 border=1 align=center width=95% style='font-size:20px; font-family:terminal;'>
    224.             <TR>
    225.                 <TH colspan=6 id='THrstRTC'>
    226.                     Reset RTC
    227.                 </TH>
    228.             </TR>
    229.             <TR>
    230.                 <FORM ID='RTCForm'>
    231.                 <TR>
    232.                     <TH colspan=6 id='THselTime'>
    233.                         Select: Time Reset
    234.                     </TH>
    235.                 </TR>
    236.                 <TR id='TRhrmin'>
    237.                     <TD colspan=3>
    238.                         (24HR Format)
    239.                             <br/>
    240.                         Hours (0-23):
    241.                             <input type='number' name='TIME' id='RST24' min=0 max=23 value='13' size='2' />
    242.                     </TD>
    243.                     <TD colspan=3>
    244.                         Minutes (0-59):
    245.                             <input type='number' name='TIME' id='RSTMIN' min=0 max=59 value='30' size='2' />
    246.                     </TD>
    247.                 </TR>
    248.                 <TR>
    249.                     <TH colspan=6 id='THTselDt'>
    250.                         Select: Date Reset
    251.                     </TH>
    252.                 </TR>
    253.                 <TR>
    254.                     <TD colspan=2 id='TDyrin'>
    255.                         Year (0-99): 20
    256.                             <input type='number' name='DATE'id='RSTYR' min=0 max=99 value='15'  size='2'/>
    257.                     </TD>
    258.                     <TD colspan=2 id='TDmthsel'>
    259.                         Month:
    260.                         <SELECT name='DATE'id='RSTMTH'>
    261.                             <option value='SV';>-select-</option>
    262.                             <option value='01';>January</option>
    263.                             <option value='02';>February</option>
    264.                             <option value='03';>March</option>
    265.                             <option value='04';>April</option>
    266.                             <option value='05';>May</option>
    267.                             <option value='06';>June</option>
    268.                             <option value='07';>July</option>
    269.                             <option value='08';>August</option>
    270.                             <option value='09';>September</option>
    271.                             <option value='10';>October</option>
    272.                             <option value='11';>November</option>
    273.                             <option value='12';>December</option>
    274.                         </SELECT>
    275.                     </TD>
    276.                     <TD colspan=2 id='TDdayin'>
    277.                         Day (1-31):
    278.                             <input type='number' Name='DATE'id='RSTDAY' min=1 max=31 value='16' size='2' />
    279.                     </TD>
    280.                 </TR>
    281.                 <TR>
    282.                     <TH colspan=6 id='THTselwdrst'>
    283.                         Select: Week Day Name Reset
    284.                     </TH>
    285.                 </TR>
    286.                 <TR>
    287.                     <TD colspan=6 id='TDwkdaysel'>
    288.                         Weekday:
    289.                         <SELECT name='DATE'id='RSTWD' size='1'>
    290.                             <option value='S';>-select-</option>
    291.                             <option value='1';>Monday</option>
    292.                             <option value='2';>Tuesday</option>
    293.                             <option value='3';>Wednesday</option>
    294.                             <option value='4';>Thursday</option>
    295.                             <option value='5';>Friday</option>
    296.                             <option value='6';>Saturday</option>
    297.                             <option value='7';>Sunday</option>
    298.                         </SELECT>
    299.                     </TD>
    300.                 </FORM>
    301.                 </TR>
    302.                 <TR colspan=6 id='TRFchkrstval'>
    303.             <SCRIPT>
    304.             function CHKrstVal() {
    305.                 RSTahr =  document.getElementById('RST24').value;
    306.                 switch(RSTahr){
    307.                     case '1':
    308.                         document.getElementById('d1').innerHTML = '01';
    309.                         RSTahr = '01';
    310.                         break;
    311.                     case '2':
    312.                         document.getElementById('d1').innerHTML = '02';
    313.                         RSTahr = '02';
    314.                         break;
    315.                     case '3':
    316.                         document.getElementById('d1').innerHTML = '03';
    317.                         RSTahr = '03';
    318.                         break;
    319.                     case '4':
    320.                         document.getElementById('d1').innerHTML = '04';
    321.                         RSTahr = '04';
    322.                         break;
    323.                     case '5':
    324.                         document.getElementById('d1').innerHTML = '05';
    325.                         RSTahr = '05';
    326.                         break;
    327.                     case '6':
    328.                         document.getElementById('d1').innerHTML = '06';
    329.                         RSTahr = '06';
    330.                         break;
    331.                     case '7':
    332.                         document.getElementById('d1').innerHTML = '07';
    333.                         RSTahr = '07';
    334.                         break;
    335.                     case '8':
    336.                         document.getElementById('d1').innerHTML = '08';
    337.                         RSTahr = '08';
    338.                         break;
    339.                     case '9':
    340.                         document.getElementById('d1').innerHTML = '09';
    341.                         RSTahr = '09';
    342.                         break;
    343.                     default:
    344.                         document.getElementById('d1').innerHTML = RSTahr;
    345.                         break;
    346.                 };
    347.                                                    
    348.                 RSTamin =  document.getElementById('RSTMIN').value;
    349.                 switch(RSTamin){
    350.                     case '1':
    351.                         document.getElementById('d2').innerHTML = '01';
    352.                         RSTamin = '01';
    353.                         break;
    354.                     case '2':
    355.                         document.getElementById('d2').innerHTML = '02';
    356.                         RSTamin = '02';
    357.                         break;
    358.                     case '3':
    359.                         document.getElementById('d2').innerHTML = '03';
    360.                         RSTamin = '03';
    361.                         break;
    362.                     case '4':
    363.                         document.getElementById('d2').innerHTML = '04';
    364.                         RSTamin = '04';
    365.                         break;
    366.                     case '5':
    367.                         document.getElementById('d2').innerHTML = '05';
    368.                         RSTamin = '05';
    369.                         break;
    370.                     case '6':
    371.                         document.getElementById('d2').innerHTML = '06';
    372.                         RSTamin = '06';
    373.                         break;
    374.                     case '7':
    375.                         document.getElementById('d2').innerHTML = '07';
    376.                         RSTamin = '07';
    377.                         break;
    378.                     case '8':
    379.                         document.getElementById('d2').innerHTML = '08';
    380.                         RSTamin = '08';
    381.                         break;
    382.                     case '9':
    383.                         document.getElementById('d2').innerHTML = '09';
    384.                         RSTamin = '09';
    385.                         break;
    386.                     default:
    387.                         document.getElementById('d2').innerHTML = RSTamin;
    388.                         break;
    389.                 };
    390.                                                    
    391.                 RSTayr =  document.getElementById('RSTYR').value;
    392.                 switch(RSTayr){
    393.                     case '1':
    394.                         document.getElementById('d3').innerHTML = '01';
    395.                         RSTayr = '01';
    396.                         break;
    397.                     case '2':
    398.                         document.getElementById('d3').innerHTML = '02';
    399.                         RSTayr = '02';
    400.                         break;
    401.                     case '3':
    402.                         document.getElementById('d3').innerHTML = '03';
    403.                         RSTayr = '03';
    404.                         break;
    405.                     case '4':
    406.                         document.getElementById('d3').innerHTML = '04';
    407.                         RSTayr = '04';
    408.                         break;
    409.                     case '5':
    410.                         document.getElementById('d3').innerHTML = '05';
    411.                         RSTayr = '05';
    412.                         break;
    413.                     case '6':
    414.                         document.getElementById('d3').innerHTML = '06';
    415.                         RSTayr = '06';
    416.                         break;
    417.                     case '7':
    418.                         document.getElementById('d3').innerHTML = '07';
    419.                         RSTayr = '07';
    420.                         break;
    421.                     case '8':
    422.                         document.getElementById('d3').innerHTML = '08';
    423.                         RSTayr = '08';
    424.                         break;
    425.                     case '9':
    426.                         document.getElementById('d3').innerHTML = '09';
    427.                         RSTayr = '09';
    428.                         break;
    429.                     default:
    430.                         document.getElementById('d3').innerHTML = RSTayr;
    431.                         break;
    432.                 };
    433.                                                        
    434.                 RSTamth =  document.getElementById('RSTMTH').value;
    435.                 switch(RSTamth){
    436.                     case '01':
    437.                         document.getElementById('d4').innerHTML = 'JANUARY';
    438.                         RSTCK = 1;
    439.                         break;
    440.                     case '02':
    441.                         document.getElementById('d4').innerHTML = 'FEBRUARY';
    442.                         RSTCK = 1;
    443.                         break;
    444.                     case '03':
    445.                         document.getElementById('d4').innerHTML = 'MARCH';
    446.                         RSTCK = 1;
    447.                         break;
    448.                     case '04':
    449.                         document.getElementById('d4').innerHTML = 'APRIL';
    450.                         RSTCK = 1;
    451.                         break;
    452.                     case '05':
    453.                         document.getElementById('d4').innerHTML = 'MAY';
    454.                         RSTCK = 1;
    455.                         break;
    456.                     case '06':
    457.                         document.getElementById('d4').innerHTML = 'JUNE';
    458.                         RSTCK = 1;
    459.                         break;
    460.                     case '07':
    461.                         document.getElementById('d4').innerHTML = 'JULY';
    462.                         RSTCK = 1;
    463.                         break;
    464.                     case '08':
    465.                         document.getElementById('d4').innerHTML = 'AUGUST';
    466.                         RSTCK = 1;
    467.                         break;
    468.                     case '09':
    469.                         document.getElementById('d4').innerHTML = 'SEPTEMBER';
    470.                         RSTCK = 1;
    471.                         break;
    472.                     case '10':
    473.                         document.getElementById('d4').innerHTML = 'OCTOBER';
    474.                         RSTCK = 1;
    475.                         break;
    476.                     case '11':
    477.                         document.getElementById('d4').innerHTML = 'NOVEMBER';
    478.                         RSTCK = 1;
    479.                         break;
    480.                     case '12':
    481.                         document.getElementById('d4').innerHTML = 'DECEMBER';
    482.                         RSTCK = 1;
    483.                         break;
    484.                     case 'SV':
    485.                         document.getElementById('d4').innerHTML = 'ERR';
    486.                         RSTCK = 255;
    487.                         break;
    488.                 };
    489.                                                        
    490.                 RSTaday =  document.getElementById('RSTDAY').value;
    491.                 switch(RSTaday){
    492.                     case '1':
    493.                         document.getElementById('d5').innerHTML = '1';
    494.                         RSTaday = '01';
    495.                         break;
    496.                     case '2':
    497.                         document.getElementById('d5').innerHTML = '2';
    498.                         RSTaday = '02';
    499.                         break;
    500.                     case '3':
    501.                         document.getElementById('d5').innerHTML = '3';
    502.                         RSTaday = '03';
    503.                         break;
    504.                     case '4':
    505.                         document.getElementById('d5').innerHTML = '4';
    506.                         RSTaday = '04';
    507.                         break;
    508.                     case '5':
    509.                         document.getElementById('d5').innerHTML = '5';
    510.                         RSTaday = '05';
    511.                         break;
    512.                     case '6':
    513.                         document.getElementById('d5').innerHTML = '6';
    514.                         RSTaday = '06';
    515.                         break;
    516.                     case '7':
    517.                         document.getElementById('d5').innerHTML = '7';
    518.                         RSTaday = '07';
    519.                         break;
    520.                     case '8':
    521.                         document.getElementById('d5').innerHTML = '8';
    522.                         RSTaday = '08';
    523.                         break;
    524.                     case '9':
    525.                         document.getElementById('d5').innerHTML = '9';
    526.                         RSTaday = '09';
    527.                         break;
    528.                     default:
    529.                         document.getElementById('d5').innerHTML = RSTaday;
    530.                         break;
    531.                 };
    532.                                                    
    533.                 RSTawd =  document.getElementById('RSTWD').value;  
    534.                 switch(RSTawd){
    535.                     case '1':
    536.                         document.getElementById('d6').innerHTML = 'Monday';
    537.                         RSTCK = (RSTCK || 1);
    538.                         break;
    539.                     case '2':
    540.                         document.getElementById('d6').innerHTML = 'Tuesday';
    541.                         RSTCK = (RSTCK || 1);
    542.                         break;
    543.                     case '3':
    544.                         document.getElementById('d6').innerHTML = 'Wednesday';
    545.                         RSTCK = (RSTCK || 1);
    546.                         break;
    547.                     case '4':
    548.                         document.getElementById('d6').innerHTML = 'Thursday';
    549.                         RSTCK = (RSTCK || 1);
    550.                         break;
    551.                     case '5':
    552.                         document.getElementById('d6').innerHTML = 'Friday';
    553.                         RSTCK = (RSTCK || 1);
    554.                         break;
    555.                     case '6':
    556.                         document.getElementById('d6').innerHTML = 'Saturday';
    557.                         RSTCK = (RSTCK || 1);
    558.                         break;
    559.                     case '7':
    560.                         document.getElementById('d6').innerHTML = 'Sunday';
    561.                         RSTCK = (RSTCK || 1);
    562.                         break;
    563.                     case 'S':
    564.                         document.getElementById('d6').innerHTML = 'Err';
    565.                         RSTCK = 255;
    566.                         break;
    567.                 };
    568.                 if (RSTCK == 0) {
    569.                     RSTCK = 1;
    570.                 };
    571.             };
    572.             </SCRIPT>
    573.                     <TD colspan=1 id='TDBTNchkrstval'>
    574.                         <BUTTON onclick='CHKrstVal();'>
    575.                             Check Reset Values
    576.                         </BUTTON>      
    577.                     </TD>
    578.                     <TD colspan=5 id='TDrstResSpan'>
    579.                             Reset Time:
    580.                                 <span id='d1'>
    581.                                     na
    582.                                 </span> :
    583.                                 <span id='d2'>
    584.                                     na
    585.                                 </span>
    586.                             &nbsp;  
    587.                             Reset Date: 20
    588.                                 <span id='d3'>
    589.                                     na
    590.                                 </span> /
    591.                                 <span id='d4'>
    592.                                     na
    593.                                 </span> /      
    594.                                 <span id='d5'>
    595.                                     na
    596.                                 </span>
    597.                             &nbsp;
    598.                             Reset Week Day:
    599.                                 <span id='d6'>
    600.                                     na
    601.                                 </span>
    602.                     </TD>
    603.                 </TR>  
    604.                 <TR colspan=6 id='TRFsendrst'>
    605.             <SCRIPT>
    606.             function SendRST() {
    607.                 var messageToPic;                              
    608.                 if(RSTCK == 0) {
    609.                     messageToPic = 'Check selection first';
    610.                     document.getElementById('d8').innerHTML = messageToPic;
    611.                 };
    612.                 if(RSTCK != 0) {
    613.                     if(RSTCK == 1) {
    614.                         messageToPic = 'Hr='.concat(RSTahr,
    615.                                         'Min=', RSTamin,
    616.                                         'Yr=', RSTayr,
    617.                                         'Mth=', RSTamth,
    618.                                         'Day=', RSTaday,
    619.                                         'WD=', RSTawd);                      
    620.                         document.getElementById('d8').innerHTML = messageToPic;
    621.                     };
    622.                     if(RSTCK == 255) {
    623.                         messageToPic = 'Select MTH/WD then Check Selection';
    624.                         document.getElementById('d8').innerHTML = messageToPic;
    625.                     };
    626.                 };
    627.             };
    628.             </SCRIPT>
    629.                     <TD colspan=1 id='TDBTNpicrstval'>
    630.                         <BUTTON onclick='SendRST();'>
    631.                             Reset Values
    632.                         </BUTTON>
    633.                     </TD>
    634.                     <TD colspan= 5 id='TDd8'>
    635.                         <SPAN id='d8'>
    636.                             Reset dialogue
    637.                         </SPAN>
    638.                     </TD>
    639.                 </TR>
    640.             </TR>
    641.         </TABLE>
    642.     </BODY>
    643. </HTML>
     
  2. Chris11jed

    Thread Starter New Member

    Dec 15, 2013
    16
    0
    I have seen the error of my many ways (a hobbyist/learner...) and have changed the code and it works.
    I had a few spelling errors and have shortened that long 'switch' loaded function with better code too.

    Thanks for the forums time...
    Chris
     
  3. sirch2

    Well-Known Member

    Jan 21, 2013
    1,008
    351
    It is usual practice to put all the javascript in one place (usually the header block) it is easier to edit and read. Remember that the Refresh button click occurs on in the web browser so it needs to send a request to the PIC to get fresh data.
     
    Chris11jed likes this.
Loading...