reload only middle portion of web page without header and footer images

1,137

1GB

If I'm not mistaken you already have a similar thread to this posted. Please do not double post threads.

I'm assuming that you want your variables to update automatically? Without page refresh and without the user having to do anything. What are you currently doing/using to update the page (other than refreshing it)? Are the updated variables coming from a server?

Thanks, Death

Oct 13 '10 #2

365

100+

sorry fro that.

it is plain html code, I used refresh tag at the beginning to refresh page for every 5 seconds without user do anything, but this reload loads whole page, I can see blank page for a second.

Oct 13 '10 #3

365

100+

Yes, all varialbles coming from server (on network)

Oct 13 '10 #4

1,137

1GB

Okay, as mentioned before you can use an iframe so only the variables are refreshed but that probably isn't what you're looking for -it's the same thing that you are already doing. However, this can be done by using, say PHP, to retrieve that data from the server and update the variables on the fly. I'm sure that other languages can achieve this, but I'm not entirely sure which ones.

Thanks, Death

Oct 13 '10 #5

365

100+

Thanks. MIne is very simple code, I just want to read values from http server and I need to update them without reload page. I am not familiar with html thatmuch. I have my code, can I post here, for some expert this may be simple, middle values I need to update.

Oct 13 '10 #6

1,137

1GB

No problem, you can post your code if you want incase anyone else wants to throw anything else in. Like I said, this would probably be easiest to accomplish with PHP, so you might want to ask over there.

Thanks, Death

Oct 13 '10 #7

365

100+

This is running on micro-controller, it won't support CGI / PHP.

Oct 13 '10 #8

1,137

1GB

Ah, that could present a problem. I'm sure there are plenty of work arounds. I'll ask a few people to take a look and see if they can help you.

Thanks, Death

Oct 13 '10 #9

365

100+

Thanks, appreciated. THis is my code (right now it reload the whole page include footer.gif and header.gif - also one second white page between reloads, I want to avoid that and reload only my values (Three volatges, four currents and four powers)

Expand|Select|Wrap|Line Numbers

  
<html>
 
<head>

<meta http-equiv="refresh" content="10">

<title>BPS</title>

</head>
 
<body>
 
 &nbsp;  &nbsp;  &nbsp;  &nbsp;  &nbsp;  &nbsp;  

 <br>

<div id="header">

    <CENTER><a title="BPS"><img src="header.gif" alt="BPS" width="800" height="64" border="0" /></a> </CENTER>

</div> &nbsp;  &nbsp;  &nbsp; 
 
<div align="left">

    <a href="/plugv3.htm" onMouseOver="window.status='';return true;"><strong>Click here for Receptacle Controls</strong> </a>

 <br>

    <a href="/admin_status.html" onMouseOver="window.status='';return true;"><strong>Click here for Receptacle Status</strong> </a>

 <br>

    <a href="/board1_info.htm" onMouseOver="window.status='';return true;"><strong>Click here for Receptacle Currents & Powers</strong> </a>

</div>
 
<div align="center">

    <b><font size="3"> BOARD VOLTAGES (RMS), BOARD CURRENTS (RMS) and BOARD ACTUAL POWER readings </font></b>

    <br><br>

</div>

<br>

<br>
 
<div align="center">

<TABLE>

<tbody>

<tr><td><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;FIRST BOARD (Receptacles 1-8) VOLTAGE (V1)   :  </strong></td><td>1     Volts</td> </tr>

<tr><td><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;SECOND BOARD (Receptacles 9-16) VOLTAGE (V2) :  </strong></td><td>97    Volts</td></tr>

<tr><td><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;THIRD BOARD (Receptacles 17-24) VOLTAGE (V3):  </strong></td><td>1     Volts</td></tr>

</tbody>

</TABLE>
 
<br>

<br>

<TABLE>

<tbody>
 
<tr><td><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;FIRST BOARD TOTAL CURRENT (RMS):  </strong></td><td>0     </td><td>.</td><td>6     Amps</td></tr>

<tr><td><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;SECOND BOARD TOTAL CURRENT (RMS):  </strong></td><td>0     </td><td>.</td><td>6     Amps</td></tr>

<tr><td><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;THIRD BOARD TOTAL CURRENT (RMS):  </strong></td><td>0     </td><td>.</td><td>4     Amps</td></tr>

<tr><td><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;TOTAL CURRENT (RMS):  </strong></td><td>0     </td><td>.</td><td>8     Amps</td></tr>
 
</tbody>

</TABLE>

<br>

<br>

<TABLE>

<tbody>
 
<tr><td><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;FIRST BOARD POWER:  </strong></td><td>0     Watts</td></tr>

<tr><td><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;SECOND BOARD POWER:  </strong> </td><td>4    Watts</td></tr>

<tr><td><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;THIRD BOARD POWER:  </strong> </td><td>0    Watts</td></tr>

<tr><td><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;TOTAL BOARD POWER:  </strong> </td><td>4    Watts</td></tr>
 
</tbody>

</TABLE>

</div>
 
<br><br>
 
<div align="center">

    <input type="button" value="Refresh" onclick="window.location.reload();" />

</div>

<br><br><br>
 
<form name="input" action="/plug_login.htm" method="get">

<div align="center">

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <input type="button" onclick="if (confirm('Sure you want to Logout?')) submit();" value="Logout"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;

</div>

</form>
 
<br><br><br> 

<tr> <CENTER>

        <td align="center" width="100%" colspan="2">

            <img border="0" src="footer.gif" width="800" height="25"></td> </CENTER>

    </tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<td> .

Oct 13 '10 #10

YarrOfDoom

1,247

Expert 1GB

I believe the perfect way to solve this would be AJAX, as it is made for things like this. You might need to learn a little Javascript, but there's always the Javascript/AJAX/DHTML forum for that ;)

You can start learning AJAX here.

Oct 13 '10 #11

How to set the header, footer of IE

365

100+

Thanks. Let me learn littlebit AJAX and solve it.

Oct 14 '10 #12

Similar topics

by: ad | last post by:

How can I set the page's header, footer of IE when IE in preview or print mode?

C# / C Sharp

ASCX as Header/Footer

by: Peter Wu | last post by:

Hello, I want to create a Header and Footer for every ASPX page I build. I created 2 Web user controls respectively and placed them in an ASPX page. The problem is that I cannot position the...

print asp page without header and footer

by: ashj | last post by:

i have created an asp page and print it using window.print () comand. But in the printout i m not able to remove header like 'page1of 1 ' and footer. Is there any way to remove it dynamically?

How can we set the header, footer of IE

by: ad | last post by:

How can I set the page's header, footer of IE when IE in preview or print mode?

printing Html without Header and Footer

by: LilBuh | last post by:

hi there :) i ve been looking for some time a way to print an html file from vb.net i came up with this code for printing and removing the header and footer from IE then once the printing is done...

Visual Basic .NET

printing html file without Header and footer

by: LilBuh | last post by:

Hello :) this is a repost... i ve been looking for a way since last week ... i have a template html file that i modify from my code... i need to print this file without IE's Header and Footer or...

Visual Basic .NET

Add Header/Footer to excel report from ASP..

by: jmalvika | last post by:

Hi all, I'm trying to generate an excel report from an ASP web page using .. "response.ContentType = "application/vnd.ms-excel" .... I need to add a custom header & footer to the excel...

ASP / Active Server Pages

Print a page without footer and header without changing page settings in the browser

by: nrajeshatwork | last post by:

Hi I need to print a page without header and footer. Can it be done without changing the page settings in the browser. If so plz mail me. Regards,

.NET Framework

How to manage header/footer on web form

by: stevesj | last post by:

I have a web form that generates 4 or 5 printed pages of html and a few images. I know how to insert CSS page breaks. Is there a way to calculate on the server where the page will break - like...