Continuous Update

**coldtronics** · 08-21-2012 07:31 AM

I have a script which will update/refresh a page when you click on a checkbox or refresh button.

I am try to change the script so it continuously updates or refreshes without having to click on an event

Here is my current script:

<html>

<head>
<style type="text/css">
body {margin-top:0px;margin-left:0px; font-family: Arial; font-size: 13px; color: #007f00;}
a, A:link, a:visited, a:active { font-weight: bold; color: #0000BB; text-decoration: none; font-size: 13px}
A:hover { font-weight: bold; color: #ff0000; font-size: 13px}
</style>

<script language="javascript" src="N.JS"></script>

<script language="javascript">

var IOTextStyle = "font-size: 12; font-family: Arial; border:1px solid"

var DMTextStyle = "background-color:#80ffff; color:#000000; font-size: 12; font-family: Arial; border:1; border-color:#90ffff;"
var DMfieldWidth = 3 // no. of characters in the text field

var LCDTextStyle = "font-size:13px; font-family: Arial; font-weight:normal; font-style:normal"
var msgStyle = "font-size:14px; font-family: Arial; font-weight:bold; font-style:italic;' align='center"

window.onload = function(){
userPreference();
var bg = document.getElementById('image')
bg.src = bgimagesrc
bg.borders = 0
drawDM("")
getLCD(1)
}

function userPreference()
{
bgimagesrc="http://coldtronics.com/background/panel2.jpg" // link to your background image

LCDXY = [22,52] // starting [x,y] location of LCD panel
LCDSIZE=[185,21] // [width, height] of each line of LCD
LCDbgColor = '#ffffAA' // LCD background color in RGB value. Can also be set as "white" for white background
LCDTextColor = 'black' // LCD text color

IOname = ['Reset','Reset','Reset','Reset','Reset','Reset','Reset','Reset']
IOnameColor = 'black'
IOwidth = 80 // Fixed width for I/O button. Set to 0 for Auto width.
IOheight= 0 // Use Auto height.

IOLocX = [70,70,70,70,70,70,70,70]
IOLocY = [140,140,140,140,140,140,140,140]
ONcolor= 'yellow' // 'yellow' can also be written in RGB value as '#ffff00'
OFFcolor='grey' // 'grey' can also be written in RGB value as '#7f7f7f'

// Font and color Point for DM labels are defined by <style>body{} at the top of this page
DMlabel =['High Alarm Set (Ret)','Low Alarm Set (Ret)','Diff.( > Ret - Suction)','Time Delay']
DMlabelBgColor = '#efffff'

DMWidth = 175
DMHeight = 20
DMLocX = [24,24,24,24]
DMLocY = [170,190,210,230]
}

</script>

<title>Coldtronics</title>
</head>

<body topmargin="0" leftmargin="0">
<form name="form1" onSubmit="return false">
<table border="0">
<tr><td><input type="submit" style="width:0px;height:0px;border:none">
<input type="checkbox" name="C1" onclick="doUpdate()" value="ON"> Continuous
Update <input type="button" value="Refresh" onclick="getLCD(1)"></td>
</tr>
<tr><td><img src="blank.jpg" id="image"></td></tr>
<tr><td><p align="center"><font face="Trebuchet MS" size="1"><em>© 2011. Coldtronics. All rights Rserved.</em></font></td></tr>
</table>
</form>
</html>

**glynn19** · 08-29-2012 11:41 AM

the easiest way I know of is to create a separate webpage with the content automatically updating using the

<meta http-equiv="refresh" content="30" />

tag -- then load that page into your main page using --

<iframe scr="YourNewPage.html"></iframe>

and the content of the iframe will automatically update

Thread: Continuous Update

Thread Tools

Display

Continuous Update

Auto continous update

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions