www.webdeveloper.com
Results 1 to 2 of 2

Thread: Continuous Update

  1. #1
    Join Date
    Aug 2012
    Posts
    1

    Continuous Update

    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&nbsp;<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>&copy; 2011. Coldtronics. All rights Rserved.</em></font></td></tr>
    </table>
    </form>
    </html>

  2. #2
    Join Date
    Aug 2012
    Location
    Martinez, CA
    Posts
    1

    Auto continous update

    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 Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles