javascript - html: stop page refresh when entering a value -


i have table created in html form.

the first column displays data pulled web server , second column allows changing value , submitting new value web server. have table pulling live data web server needs refreshed every 20 seconds. @ moment have entire page refreshing every 20 seconds.

the problem when page refreshes if have started type value table cell value lost after refresh. have tried javascript retain values in cookies , has worked far. wondered if there way stop refresh happening if cursor has been selected in input box in table cell.

<form id=form1 name=f1 method=post action=/scripts/write-tags autocomplete=on>         <input type=hidden name=tag1 value=9>         <input type=hidden name=tag2 value=61>         <input type=hidden name=tag3 value=44>         <input type=hidden name=tag4 value=25>         <input type=hidden name=back value=/savetest.htm>         <input type=hidden name=page value=1>            <table id=data border="1" cellpadding="10" width="700" style="font-family:arial; font-size:15px";>     <th>operation</th><th>value</th><th>new value</th>         <tr>             <td width="400">enter value of desired motor rpm</td>              <td width="100">[[130]]</td>             <td width="100"><input type=text size=3 name=data1 value="[[9]]"></td>         </tr>         <tr>             <td width="400">enter value of target fop in feet (tvd)</td>              <td width="100">[[61]]</td>             <td width="100"><input type=text size=3 name=data2 value="[[61]]"></td>         </tr>         <tr>             <td width="400">enter value of shutdown delay in minutes</td>              <td width="100">[[256]]</td>             <td width="100"><input type=text size=3 name=data3 value="[[44]]"></td>         </tr>         <tr>             <td width="400">enter value of flow rate delay in seconds</td>              <td width="100">[[24]]</td>             <td width="100"><input type=text size=3 name=data4 value="[[25]]"></td>         </tr>         <tr>             <td width="700"><input style="font-family:arial; font-size:15px;"type=submit name=submit value=&nbsp;ok&nbsp;></td>         </tr>     </table>     </form> 

i have updated example code. web server built plc. tag , data name refers value in plc. value inside [[]] value needs refreshed , input value changing value. apologies if vague. appreciate cant post code confidential reasons.

instead of refreshing whole page, download data using ajax in 20s intervals, won't need refresh whole page, input won't lost :)


Comments

Popular posts from this blog

blackberry 10 - how to add multiple markers on the google map just by url? -

php - guestbook returning database data to flash -

delphi - Dynamic file type icon -