How to write code to refresh data only in web page.

PLEASE HELP!!!

I am trying to refresh the data part only in my web page so that the pictures and the borders all stay. The refresh rate will need to be every 5 seconds so you can see that curently the page will refresh before the data is shown properly. I am very new to programming so any help would be appreciated!! The data is in [[number]]. The restrictions that I have are that I cannot use any sever side tricks. The web page will be stored on a remote piece of hardware and that is why the data is referenced in [[]]. I have been told to use frames...but I am have the hardest time in doing so.......

Here is the code......

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Rig 391 Engine Page</title>
</head>
<body>
<table
style="text-align: left; width: 1373px;" border="1"
cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td
style="width: 98px; text-align: center; vertical-align: middle; height: 36px; background-color: rgb(192, 192, 192);"><big><span
style="font-weight: bold;"><br />
</span></big></td>
<td colspan="3" rowspan="1"
style="background-color: transparent; width: 409px; height: 36px;"></td>
</tr>
<tr>
<td
style="width: 98px; height: 17px; background-color: rgb(7, 12, 7);">
<div style="text-align: center;"><small><span
style="font-weight: bold; color: rgb(58, 232, 0);" position=""
absolute="" top="" 181px="" left=""
1249px=""><big><span
style="font-weight: bold;">[[197]]</span></big><br />
</span></small></div>
<div
style="position: absolute; top: 125px; left: 1262px;"><small><big><span
style="font-weight: bold;">[[166]]</span></big><br />
</small></div>
<div
style="position: absolute; top: 182px; left: 828px;"><small><big><span
style="font-weight: bold;">[[202]]</span></big><br />
</small></div>
<div
style="position: absolute; top: 126px; left: 836px;"><small><big><span
style="font-weight: bold;">[[165]]</span></big></small></div>
</td>
<td
style="width: 409px; text-align: center; height: 17px; background-color: rgb(255, 204, 51);"><big><span
style="font-weight: bold;">Engine 1</span></big></td>
<td
style="width: 415px; text-align: center; height: 17px; background-color: rgb(255, 204, 51);"><big><span
style="font-weight: bold;">Engine 2</span></big></td>
<td
style="width: 415px; text-align: center; height: 17px; background-color: rgb(255, 204, 51);"><big><span
style="font-weight: bold;">Engine 3</span></big></td>
</tr>
<tr>
<td
style="height: 126px; width: 98px; text-align: center; background-color: rgb(191, 191, 191);"><br />
<div
style="position: absolute; top: 194px; left: 14px;"><span
style="font-weight: bold; color: rgb(0, 0, 0);">Engine
Status</span><br />
</div>
<div
style="position: absolute; top: 128px; left: 26px;"><span
style="font-weight: bold; color: rgb(0, 0, 0);">Serial
No.</span></div>
</td>
<td
style="height: 126px; width: 409px; background-color: rgb(255, 204, 0);"><img
style="width: 415px; height: 180px;" alt="Engine 1"
src="Engine.jpg" /></td>
<td
style="height: 126px; width: 415px; background-color: rgb(255, 204, 0);"><img
style="width: 415px; height: 180px;" alt="Engine 2"
src="Engine.jpg" /></td>
<td
style="height: 126px; width: 415px; background-color: rgb(255, 204, 0);"><img
style="width: 415px; height: 180px;" alt="Engine 3"
src="Engine.jpg" /></td>
</tr>
<tr>
<td
style="height: 0px; width: 98px; text-align: center; font-weight: bold; background-color: rgb(191, 191, 191); color: rgb(0, 0, 0);">Engine
Hours</td>
<td
style="height: 0px; width: 409px; text-align: center; font-weight: bold;"><big>[[24]]</big><br />
<div
style="position: absolute; top: 181px; left: 405px;"><big>[[201]]</big><br />
</div>
<div
style="position: absolute; top: 125px; left: 412px;"><big>[[164]]</big></div>
</td>
<td
style="height: 0px; width: 415px; text-align: center; font-weight: bold;">[[2]]</td>
<td
style="height: 0px; width: 415px; text-align: center; font-weight: bold;">[[45]]</td>
</tr>
<tr>
<td
style="width: 98px; text-align: center; font-weight: bold; background-color: rgb(191, 191, 191); color: rgb(0, 0, 0);">Engine
Load</td>
<td
style="width: 409px; text-align: center; font-weight: bold;"><big><span
style="font-weight: bold;">[[22]]</span></big></td>
<td
style="width: 415px; text-align: center; font-weight: bold;">[[1]]</td>
<td
style="width: 415px; text-align: center; font-weight: bold;">[[43]]</td>
</tr>
<tr>
<td
style="width: 98px; text-align: center; font-weight: bold; background-color: rgb(191, 191, 191); color: rgb(0, 0, 0);">Engine
RPM</td>
<td
style="width: 409px; text-align: center; font-weight: bold;"><big>[[21]]</big></td>
<td
style="width: 415px; text-align: center; font-weight: bold;">[[0]]</td>
<td
style="width: 415px; text-align: center; font-weight: bold;">[[42]]</td>
</tr>
<tr>
<td
style="width: 98px; text-align: center; font-weight: bold; background-color: rgb(191, 191, 191); color: rgb(0, 0, 0);">Oil
Pressure</td>
<td
style="width: 409px; text-align: center; font-weight: bold;"><big>[[25]]</big></td>
<td
style="width: 415px; text-align: center; font-weight: bold;">[[4]]</td>
<td
style="width: 415px; text-align: center; font-weight: bold;">[[46]]</td>
</tr>
<tr>
<td
style="width: 98px; text-align: center; font-weight: bold; background-color: rgb(191, 191, 191); color: rgb(0, 0, 0);">Fuel
Pressure</td>
<td
style="width: 409px; text-align: center; font-weight: bold;"><big>[[26]]</big></td>
<td
style="width: 415px; text-align: center; font-weight: bold;">[[5]]</td>
<td
style="width: 415px; text-align: center; font-weight: bold;">[[47]]</td>
</tr>
<tr>
<td
style="width: 98px; text-align: center; font-weight: bold; background-color: rgb(191, 191, 191); color: rgb(0, 0, 0);">Cool.
Temp</td>
<td
style="width: 409px; text-align: center; font-weight: bold;"><big>[[30]]</big></td>
<td
style="width: 415px; text-align: center; font-weight: bold;">[[9]]</td>
<td
style="width: 415px; text-align: center; font-weight: bold;">[[51]]</td>
</tr>
<tr>
<td
style="width: 98px; text-align: center; font-weight: bold; background-color: rgb(191, 191, 191); color: rgb(0, 0, 0);">Fuel
Consp*</td>
<td
style="width: 409px; text-align: center; font-weight: bold;"><big>[[33]]</big></td>
<td
style="width: 415px; text-align: center; font-weight: bold;">[[12]]</td>
<td
style="width: 415px; text-align: center; font-weight: bold;">[[54]]</td>
</tr>
<tr>
<td rowspan="1" colspan="4"><br />
<table
style="text-align: left; width: 92px; height: 60px;" border="1"
cellpadding="2" cellspacing="2">
<tbody>
<tr
style="font-weight: bold; background-color: rgb(191, 191, 191);"
align="center">
<td><small><small><small><small>VanView</small></small></small></small></td>
</tr>
<tr
style="font-weight: bold; background-color: rgb(191, 191, 191);"
align="center">
<td><small><small><small><small>RAMS®
EMS </small></small></small></small></td>
</tr>
<tr
style="font-weight: bold; background-color: rgb(191, 191, 191);"
align="center">
<td><small><small><small><small>Ver
1.0</small></small></small></small></td>
</tr>
</tbody>
</table>
<br />
<div
style="position: absolute; top: 182px; left: 1252px;"><span
style="font-weight: bold;">[[203]]</span><br />
</div>
<br />
<small><small>*
Fuel Consumption Rate Readinds Are Displayed In
(g/hr)</small></small><br />
<small><small>**
Oil And Fuel Pressure Readings Are Displayed In
PSI. </small></small></td>
</tr>
</tbody>
</table>
</body>
</html>

Dec 20 '10 #1

Subscribe Post Reply

2824

sephedo

you can use meta tags to refresh the page

just add this to the top of your page

Expand|Select|Wrap|Line Numbers

<meta http-equiv="refresh" content="2;url=http://google.co.uk">

the content="2; bit is the time so currently it is set to 2 seconds and url=http://google.co.uk is the website address so change it to whatever you need it to refresh.

as for keeping the rest of the page from refreshing just use frames like so

Expand|Select|Wrap|Line Numbers

<frame src="http://google.co.uk" width="600" height="500" ></frame>

hope this helps - this is all html so no server side code has been used

EDIT: i forgot to mension using frames just create a new HTML document for example table.html and copy and paste your table html into it and add the meta tag above to it.

Dec 22 '10 #2

Van Lee

Thanks for the help...I will give it a try!

Dec 22 '10 #3

Similar topics

Partially refresh the page

by: Doru Roman | last post by:

Hi, What I want to achieve is: when changing the value in a drop down box to display something as a text inside an area without refreshing the whole page -- Thank you, Doru

ASP / Active Server Pages

Refresh the Page

by: laura | last post by:

I'm doing a page which gathers some text in the form of a text box in a <form>. This text is saved to a text file, notices.txt and I want to be able to display the saved text on the page, as soon...

ASP / Active Server Pages

How to write code which minimizes page faults?

by: Sune | last post by:

Hi! Pre-requisites: ------------------- 1) Consider I'm about to write a quite large program. Say 500 K lines. 2) Part of this code will consist of 50 structs with, say, no more than at most...

C / C++

HOWTO: display database without refresh web page to query database

by: SS | last post by:

Hi, I don't want to refresh a web page to query and display database. I want the page shows information immediately when database changes. What kind of technology or method would be able to...

ASP.NET

Refresh web page when receive a message?

by: rockdale | last post by:

Hi, all I am coding a asp.net application as user data entry and report interface. We also have another C#.net appplication (a server) does some other stuff, my webserver can send and receive...

ASP.NET

how to let ajax refresh a page every few secs

by: jonathan184 | last post by:

how to let ajax refresh a page every few secs Hi I got a php page that did that is being fed data that changes every few secs, i need some help in doing some code in letting the page aut refresh...

Javascript

Refresh parent page

by: =?Utf-8?B?Sm9obg==?= | last post by:

Hi, I used the following code to refresh the parent page, and it works very well (Thanks to Peter Bromberg "). Response.Write("<script language='javascript' type='text/javascript'{...

ASP.NET

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Batch import of multiple excel files into the database

by: ryjfgjl | last post by:

If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...

Data Management

Merging data from multiple Excel files

by: ryjfgjl | last post by:

In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...

Data Management

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

General