HTML - Html Refresh Specific Icons Not Whole Page
Hi guys,
I'm working on a project which requires an HTML page to be updated regularly, say every 10 seconds. however its not the whole page i need to refresh but rather a section of it. that section in question is a table that has status icons within. those status Icons receive values from a server and update accordingly. the following code corresponds to those images you see in the attachment. HTML Code: <td width="100" style="TEXT-ALIGN:center" onclick="showNFailDialog('{IP_ID}','{ZONE_ID}','{GROUP_ID}');"> <IMG style="WIDTH:24px;HEIGHT:22px;CURSOR:hand" class="ZState NFail" name="disp" alt="Zone {ZONE_ID}" src="../../Icons/circle_cancel.png" eis="name:{IP_ID}.{ZONE_ID}.{GROUP_ID}.Alarm;type:1;virtual:1;img0:/Icons/circle_green.png;img1:/Icons/circle_red.png;"> </td> this line basically says value 0 shows green, value 1 shows red.. img0:/Icons/circle_green.png;img1:/Icons/circle_red.png Is there a way I can insert some code into the image section that makes the image refresh every so often but without refreshing the whole page/table your help is greatly appreciated Similar Tutorialshello every one, i am a new with HTML. i am need to create a html page which gets refresh periodically so i did this... <head> <meta http-equiv="refresh" content="1" /> <meta http-equiv="expires" content="0" /> </head> <p><img src="/path" width="320" height="240" border="0" alt="my cam pic" /></p> It works fine , but when it gets refresh on IE or on mobile browserat the time of refersh page goes blank .. i just want to refersh image with out going it blank .. i mean it should display previous image till it gets next one and yes not looking for java or any other script.. can it be possible .. i want it in plain HTML script please help thanks in advance I'm currently updating some online forms using HTML. When the page is refreshed (either manually, or by pressing a button) the page redirects to the top. Is there any code that will refresh the page to the last position before the refresh. Ex: If you are half way down the page, and click an "Add" button, the page will refresh back to that same spot. Any help would be great. Thanks, Sarah Hi, I am new to HTML coding and am not aware of all the options that are available with HTML, my requirement is as below I have a page 1.html on the server to which i don't have the edit access, I have some data which I check on this page at regular intervals of 10 seconds...... Now my problem lies here since this page is not editable i cannot change the refresh settings for 1.HTML My query : Is there an option available wherein I create my own page 2.HTML on my local desktop and write a code in 2.html such that page 1.HTML is refreshed every 10 seconds and obviously 2.html being open all the while.. Any kind of suggestions will be appreciated.... Thanks, Jay Here's what I'm up to: Made this scrolling desktop background on my Windows XP machine and found that the desktop icons, which appear transparent over a standard, static wallpaper, are no longer so when the desktop background is changed to an HTML one. That is, the text that displays as if typed with a drop-shadow over a static .jpg wallpaper image shows up over an HTML background inside a colored box. I'd like to get the "no box" effect, the standard XP text with a drop shadow, over the HTML background. Is this possible? Hi All, I want to refresh the contents of IFrame without refreshing the whole page.....How is it possible... Hello, This is an unusual one, but I have converted two Excel files into HTML files, and I also have a HTML page with some information on. I have a live of code which controls the auto refresh of each page. Is there any way that I can set this so that when the page refreshes, it loads a different page. The pages are part of a display screen that will show stats and info. I would like to set it so all three pages rotate/change every minute or so. Thanks in advance. my webpage is divided by div. i face a problem which is, i want to open a link which will refresh the whole page instead of refresh the div. i'm not familiar using div, need help from someone plz..... thanks in advance... I want to refresh the page after clicking submit button with interval of 10 seconds. How can I do that? -------------------------------------------------------------------------------- Hey How can i wrote a program that refresh a web page and checks if a certain string is in the page ? Is this the correct code to use to auto-refresh a web page? It is not working for me. Is there something I'm missing? <META HTTP-EQUIV="Refresh" CONTENT="60; URL=http://website.com/"> Thank you. Hey, Ok so on my site it uses Ajax. Now if i try to submit a comment when i click submit it refreshes the whole page and does nothing! After the page had been refresed I can commetn on the script again and it shows the text i entred on the page with no refresh. Why does it refresh the page on the 1st post?? The site is he http://www.runningprofiles.com/members/Admin HTML Code: <div align="center"> <table width="500" align="center" cellpadding="0" cellspacing="0"> <tr> <td> <table style="WIDTH: 500px" cellspacing="0" cellpadding="0" align="center"> <tr> <td align="center"> <strong>What are you doing?</strong></td> </tr> <tr> <td align="center" valign="middle" class="update_box"> <form method="post" action=""> <textarea cols="5" rows="10" id="content"></textarea> <div id="button_block"> <input name="submit" class="comment_button" type="submit" id="button" value=" Share "/> <input type="submit" id='cancel' value=" cancel" /> </div> </form> </td> </tr> </table> <div id="flash" align="left" ></div> <div id="update" class="timeline"></div> <?php $small1=mysql_query("select * from messages2 order by msg_id desc LIMIT 5"); while($r=mysql_fetch_array($small1)) { $id=$r['msg_id']; $msg=$r['message']; $times=$r['time']; ?> <table id="table_<?php echo $id; ?>" width="100%" > <tr> <td colspan="4"> <hr style="COLOR: #6d7b8d; HEIGHT: 1px; BACKGROUND-COLOR: #a9d0f5" /> </td> </tr> <tr> <td valign="top" width="10%" rowspan="2"><img height="40" alt="Pic" src="http://www.gravatar.com/avatar.php?gravatar_id=7d09b47edf3bdbedb4cb104fb507c3df" width="40" border="1" longdesc="http://www.gravatar.com/avatar.php?gravatar_id=7d09b47edf3bdbedb4cb104fb507c3df" /></td> <td valign="top" align="left" width="12%"><strong>Jarratt</strong></td> <td valign="top" align="left" width="63%"> <?php echo $msg.'....'.$id;?> </td> <td valign="top" align="right" width="15%"><div class="UIStory_Hide"><a href="#" id="de<?php echo $id ?>" class="delete_update" title="Delete Update">X</a></div> </td> </tr> <tr> <td align="left" colspan="3"> <span class='feed_link'><a href="#" class="comment" id="<?php echo $id; ?>"><font color="#cc0000">Reply</font></a></span> <span style="FONT-SIZE: 10px; color:#cc0000; COLOR: #a9a9a9"> <?php echo time_stamp($times) ?></span><br /><br /> <?php //Here $id is main message msg_id value. $csql=mysql_query("select * from comments where msg_id_fk='$id' order by com_id "); $comment_count=mysql_num_rows($csql); if($comment_count>2) { $second_count=$comment_count-2; ?> <div class="comment_ui" id="view<?php echo $id; ?>"> <a href="#" class="view_comments" id="vi<?php echo $id; ?>"> <span style="COLOR: #696969"><b>View all <?php echo $comment_count; ?> comments</b></span></a> </div> <?php } ?> <div id="view_comments<?php echo $id; ?>"></div> <div id="two_comments<?php echo $id; ?>"> <?php $small=mysql_query("select * from {$prefix}comments where msg_id_fk='$id' order by com_id limit 2 "); ?> <?php while($r=mysql_fetch_array($small)) { $c_id=$r['com_id']; $comment=$r['comment']; $timeofpost=$r['time']; ?> <table width="80%"> <tr> <td align="center" valign="middle" style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid"> <div class="comment_actual_text"> <table style="WIDTH: 100%; BORDER-COLLAPSE: collapse" align="left"> <tr> <td width="15%" style="VERTICAL-ALIGN: middle; TEXT-ALIGN: center"><img style="WIDTH: 30px; HEIGHT: 30px" alt="srinivas" src="http://www.gravatar.com/avatar.php?gravatar_id=7a9e87053519e0e7a21bb69d1deb6dfe" border="1" /></td> <td width="85%" style="PADDING-BOTTOM: 2px; VERTICAL-ALIGN: top; PADDING-TOP: 2px; TEXT-ALIGN: left"> <strong>Jarratt</strong> <?php echo $comment; ?> <br /><span style="FONT-SIZE: 10px; COLOR: #a9a9a9; COLOR: #a9a9a9">10min ago<?php //echo time_stamp($timeofpost); ?></span></td> </tr> </table> <br /></div> </td> </tr> </table> <?php }?><div id="commentload<?php echo $id; ?>" > </div> </div> </td> </tr> </table> <div id='expand_box'> <div id='expand_url'></div> </div> <div id="fullbox" class="fullbox<?php echo $id; ?>"> <form method="post" action="" name="<?php echo $id; ?>"> <textarea class="text_area" name="comment_value" id="textarea<?php echo $id; ?>"> </textarea><br /> <input type="submit" value=" Comment " class="comment_submit" id="<?php echo $id; ?>"/> </form> </div> <?php } ?> </td> </tr> </table> </div> I have a php contact page that when people submit there message it goes to another page saying "thank you, your message has been sent" What I would like to do is have this thank you page pop up in a small 400 x 320 window and refresh the orignal page to my home page. Can anyone please help me do this? I do not know how to go about doing this. Thank you. I have created a page which consists of 2radio buttons(r1,r2). When user selects radio button1(r1) a table(t1) belong to r1 is displayed.This is by default I mean radio button(r1) is Checked and table(t1) is displayed when this page is runned. When user selects 2nd radio button(r2) a table(t2) is displayed in place of t1. Every thing is working fine.Problem is when user selects radio button2 and if he refreshes page table t1 is being displayed with r2 checked this is where I am Placing problem. Can anyone resolve this issue and give a suggestion how to display table belong to corresponding clicked radio button even after page refresh. So a few questions, If you have a webpage within a frame, be it a regular frame or an iframe, and there is a link in the webpage inside the frame, if no target is specified for that link then by default the link loads in the same frame as the original web page, in all browsers, correct? Secondly, what is the syntax for specifying a target while doing a meta tag automatic refresh? Thanks for the help! I have created a web page in ASP.Net, but completely using HTML codes. This web page shows first 25 hit movies in year wise. I have 2006, 2007 and 2008 year's details in 3 different tables (HTML Tables). All of them are in one page When user clicks main page, it shows all the three year details in tables. User has to scroll down the apge to see full details. Here, I want to give 3 page sections (or page breaks).. If user clicks main page urs, it should show all and user have to scroll down...if user press 2006, it shoud take him to that specific area. If similarly if user clicks 2007, it should take him/her to 2007 details area.. How to do this? I heard that with 'submenubullet', we can do this...Please help me on this Hi there i was wondering if it was possible to click on an image that has been mapped and have it open another web page but at a specific location. for example i have a large image of the U.S. i would like to have a smaller image that is mapped to be able to jump to the larger image at that specific location like if i click the northeast porition of the U.S. on the small image i would like it to load the larger image at the northeast porition of the U.S. using just html if possible? thanks for any help. Hello Folks I want to be able to anchor to not only a different page, this is a simple link, but I also want to be able to go to a specific point on that new page from the original hyper link... Example; I am viewing on page "A," on my site and I want to set a link on page "A" to take me to page "B" to the word "Widget." On page "B" I have the word "Widget" 2/3rds the way down the page. I want to go further than just to the top of page "B," I want my SAME link from page "A" to take me to the word "Widget" that is near the bottom of the page "B" all in the same link. (One click) I understand I am going to need to set code at each word, this is a lot of work and this is OK.. Thank You So Very Much for any assistance David I'm using an iframe to show an external page. I want the iframe to open to a certain part of that page. Problem is, it's like 2 pages down on the external page. How can I make it scroll down and show only that part? I need to know how to define in html a 'class' for lack of a better term so i can make the hyperlink go to page.html#specificpoint I know how to do the hyperlink, just not define where it would load to... is there a way to link to a location on a page like in the example below but instead of the link existing on the same page as the target location, the link exist on one page and points to a bookmark on another page? So for example, I want index.html to have a link that takes the user to chapter 4 of content.html (which is half way down the page) Code: <p> <a href="#C4">See also Chapter 4.</a> </p> <h2>Chapter 1</h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 2</h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 3</h2> <p>This chapter explains ba bla bla</p> <h2><a name="C4">Chapter 4</a></h2> <p>This chapter explains ba bla bla</p> |