HTML - Instant Refresh
Hi
Does anyone know of a way to make webpages instantly refresh themselves when they are viewed. I'm changing content daily and having bother with people not being able to see all the new stuff as they are loading yesterday's page from their cache. Any help would be greatly appreciated. Similar TutorialsHello, I am a beginner at HTML. I am new to this forum so I am sorry if this is posted in the wrong section. I'm trying to create a website that consists of a name and message input, and after you click send message, it sends it instantly to the current page under this input. So far I have this for my form: Code: <form method="post" action="" > <textarea cols="25" rows="1">Name</textarea> <br> <textarea cols="200" rows="10">Message</textarea> <br> <input type="file" /> <br> <input type="submit" value="Send Message" /> </form> How can I edit this code so that when one sends a message, it appears directly under this form and will place above any previously made messages, so that basically the most recent message appears at top. This is much like facebook messaging, when you send the message it appears above the message box and appears instantly. Thanks for the help. Hi All, I want to refresh the contents of IFrame without refreshing the whole page.....How is it possible... I have this problem, Put the script on my page. in this script the people vote but When they return to the site the text of this form again at 1 and not recognized the vote.As I keep the voting when users refresh the page <form name="HOME"> <input type="text" value="1" name="CASA"> <input onclick="document.HOME.CASA.value = Number(HOME.CASA.value)+1;" type="button" value="Vote"> </form> As I keep the voting when users refresh the page i developing a web application one of page has following code Code: <frameset rows="12%,70%,12%" border="0" > <frame src="Frame/header.html" scrolling="no"> <frameset cols="28%,*" border="0" > <frame src="Frame/Menu.html" scrolling="no" > <frame src="Frame/content.html" name="ShowContentArea" scrolling="auto"> </frameset> <frame src="Frame/footer.html" scrolling="no"> </frameset> now for the second frameset , my problem is as below menu.html contains a dynamic tree structure , clicking on which m contents are displayed in content.html Now there is one more link to add a menu item in menu.html, if i click on that link the respective form to add menu item is displyaed After submission of the form the menu item is added to database but not reflected in menu.html as a another menu item . But if i refresh the whole page that menu item is get displayed That means i just want to set the refresh value of the whole page after adding a new item !!!!!!! but i tried a lot but failed , thats whay i need ur help , please help me guyes Thanks Hello I have a web page where I display 2 frames The bottom frame is a link to REPORT SERVICE Every day at 5 am server does RESTART and then I get an error (split screen is open 24 hours) How do I do REFRESH automatically after receiving an error? 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... My IE is configured to automatically find the most rexent page, so when I address a website I see the current page. However, Safari and Firefox do not seem to have this optiion. So, when users address my website with those browsers they have to push the refresh button to be sure they are seeing my site's latest page. Yet when I use those browsers to access websites other than my own, I seem to get the latest page. This suggests that there may be a way to include in a page file a code that forces refresh. I know that there is a code ("no archive") that does the job where a search engine is involved, but how do I handle this problems where my URL is being directly addressed? This is my first time posting here and was needing some help regarding auto refresh in html. I have a web page on our local network for my work that uploads screen shots of security cameras around the different locations. I have the page set to auto refresh and when it does refresh to redirect to another page that has a different set of cameras on it. The redirect works but the problem is after leaving this page up and running for several hours it will get stuck after a redirect and will keep trying to load the page for hours and wont redirect. It usually gets stuck on grabbing one of the images of the cameras, and then has problems displaying the image which then causes the page to sit and try to load for hours with no redirect. I was just wondering if there is anything that i can do for this? I am new to html and dont know much so any help will be greatly appreciated. Dpat I want to refresh the page after clicking submit button with interval of 10 seconds. How can I do that? I'm working on an HTML page that is going to be an iFrame on another page. The innerHTML of the iFrame page is set to automatically refresh every 20 seconds. The problem is that when that page refreshes, it "flashes" a white background for about 2 seconds before loading the background and content. How can I prevent that from happening every time it refreshes? Here is the page that has the problem: http://www.mattscss.com/rtb/template Here is the page that has the above link as an iFrame: http://www.mattscss.com/wzmr/wzmr_wmp.htm -------------------------------------------------------------------------------- Hey How can i wrote a program that refresh a web page and checks if a certain string is in the page ? I really need help on this this is the original code : - Code: <html> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1250"> <meta name="generator" content="Andy Moo http://locationdetection.mobi/"> <title>TEST1</title> </head> <body> <div id="geo" class="geolocation_data"></div> <?php include 'geojavascript.php'; ?> </body> </html> I would like to add ajax auto refresh.. to refresh the div link which is something like this : - Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <script src="http://ajax.googleapis.com/ajax/ libs/jquery/1.3.0/jquery.min.js"></script> <script> var auto_refresh = setInterval( function() { $('#geo').fadeOut('slow').load('geojavascript.php').fadeIn("slow"); }, 20000); </script> <meta http-equiv="content-type" content="text/html; charset=windows-1250"> <meta name="generator" content="Andy Moo http://locationdetection.mobi/"> <title>Locator</title> </head> <body> <div id="geo" class="geolocation_data"></div> <?php include 'geojavascript.php'; ?> </body> </html> But, there is something wrong here... instead of refreshing the div.. it refresh html page only.. not the div data.. anyone.. please help me on this ? thanks in advance guys... Hello guys, first time posted, long time watcher! Really wanted a little bit of advice on something i'm trying to do at work. We use a web based helpdesk system to log our technical support calls, but it kicks us out every 10 mins if we leave our desk for something and have to go through the long process of logging in again. I was woundering if i created a frame set in another window and kept refresh the home base of the helpdesk system every say 1 min it would keep the connection up. Is this possible? Dave hello 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 Hi, Iam generating a html page which creates popup windows on onload event, and data is written to html. When i refresh the initial html page,the data in the popupwindow is duplicating Is there any way to recreate the popup windows without data duplication? i tried using target_new but there new popup windows are created. Below is the html code : Code: <html> <script language="javascript"> var text=new Array(); text[0]='1'; text[1]='2'; text[2]='3'; text[3]='4'; function poponload(count) { alert('here'+count); var testwindow; for(var i=0;i<count;i++) { testwindow= window.open ("", "window"+i,"location=1,status=1,scrollbars=1,width=100,height=100",bgcolor="pink") alert('text[i]'+text[i]); testwindow.document.write(text[i]); testwindow.moveTo(i,0); } } </script> <head> <title>test</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor=#F535AA" onLoad="poponload(4)"> <form name=test1 method="post" action="test2" > </form> </body> </html> Kindly guide, Thanks in advance, arv Hello I just started an online radio, with stats, but my problem, i want only the stats to reset, not the whole site, cause everytime the whole site refreshes, the radio refreshes to. Here is a pic: here is the php "radio_stats.php" source: HTML Code: <html> <head> <body bgcolor="e9e6f4"> <font color="navyblue"><?php // Shoutcast Server Stats // Parses shoutcasts xml to make an effective stats thing for any website // Coded by Daniel Brown. Edited by Nick Coates [SharpeHosting.com] [SharpeNews] KEEP THIS INTACT!!! // Please refer to the readme file for use. include('config_radio.php'); //you may edit this path to fit your server environment otherwise leave it alone $scfp = fsockopen("$scip", $scport, &$errno, &$errstr, 10); if(!$scfp) { $scsuccs=1; echo''.$scdef.' Habbo Hotel Radio Is Currently Offline'; } if($scsuccs!=1){ fputs($scfp,"GET /admin.cgi?pass=$scpass&mode=viewxml HTTP/1.0\r\nUser-Agent: SHOUTcast Song Status (Mozilla Compatible)\r\n\r\n"); while(!feof($scfp)) { $page .= fgets($scfp, 1000); } ###################################################################################################################### /////////////////////////part 1 \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ //define xml elements $loop = array("STREAMSTATUS", "BITRATE", "SERVERTITLE", "CURRENTLISTENERS"); $y=0; while($loop[$y]!=''){ $pageed = ereg_replace(".*<$loop[$y]>", "", $page); $scphp = strtolower($loop[$y]); $$scphp = ereg_replace("</$loop[$y]>.*", "", $pageed); if($loop[$y]==SERVERGENRE || $loop[$y]==SERVERTITLE || $loop[$y]==SONGTITLE || $loop[$y]==SERVERTITLE) $$scphp = urldecode($$scphp); // uncomment the next line to see all variables //echo'$'.$scphp.' = '.$$scphp.'<br>'; $y++; } //end intro xml elements ###################################################################################################################### ###################################################################################################################### /////////////////////////part 2\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ //get song info and history $pageed = ereg_replace(".*<SONGHISTORY>", "", $page); $pageed = ereg_replace("<SONGHISTORY>.*", "", $pageed); $songatime = explode("<SONG>", $pageed); $r=1; while($songatime[$r]!=""){ $t=$r-1; $playedat[$t] = ereg_replace(".*<PLAYEDAT>", "", $songatime[$r]); $playedat[$t] = ereg_replace("</PLAYEDAT>.*", "", $playedat[$t]); $song[$t] = ereg_replace(".*<TITLE>", "", $songatime[$r]); $song[$t] = ereg_replace("</TITLE>.*", "", $song[$t]); $song[$t] = urldecode($song[$t]); $dj[$t] = ereg_replace(".*<SERVERTITLE>", "", $page); $dj[$t] = ereg_replace("</SERVERTITLE>.*", "", $pageed); $r++; } //end song info fclose($scfp); } //display stats if($streamstatus == "1"){ //you may edit the html below, make sure to keep variable intact echo' <html> <head> <meta name="GENERATOR" content="Microsoft FrontPage 5.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <META HTTP-EQUIV="REFRESH" CONTENT="120"> <link rel=stylesheet href="" type="text/css"> <title>'.$scdef.'</title> </head> <body text="" bgcolor="e9e6f4"> <p> <font color="black"><font face="verdana" size="1"><b>DJ:</b> '.$servertitle.'</font></p> <font color="black"><font face="verdana" size="1"><b>Lytte </b> '.$currentlisteners.' / 200</font></p> <font face="verdana" size="1" color="black"><b> Sang:</b> '.$song[0].'</font></p> <b> <font face="verdana" size="1"> Siste Sang:</font></b> <font color="black"><font face="verdana" size="1"> '.$song[1].' </font> </body> </html>'; } if($streamstatus == "0") { //you may edit the html below, make sure to keep variable intact echo' <html> <head> <meta name="GENERATOR" content="Microsoft FrontPage 5.0"> <meta name="ProgId" content="FrontPage.Editor.document"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <link rel=stylesheet href="" type="text/css"> <title>HabbXtra Radio er offline!</title> </head> <body text="" bgcolor=""><STYLE type=text/css> UNKNOWN { FONT-SIZE: 10px; COLOR: #black; FONT-FAMILY: verdana } BODY { BACKGROUND-COLOR: e9e6f4 } A:link { COLOR: ; TEXT-DECORATION: none } A:visited { COLOR: #363636; TEXT-DECORATION: none } A:hover { COLOR: #363636; TEXT-DECORATION: underline } A:active { TEXT-DECORATION: none } BODY { FONT-SIZE: 10px; COLOR: e9e6f4; FONT-FAMILY: verdana } TD { FONT-SIZE: 10px; COLOR: e9e6f4; FONT-FAMILY: verdana } TH { FONT-SIZE: 10px; COLOR: e9e6f4; FONT-FAMILY: verdana } .style5 {font-size: 14px} </STYLE> <div><center><img src="offline.gif"></img></center></div> </body> </html>'; } ?></font> </body> My html source can you see at: http://habbxtra.net/hjem.php Thanks Okay guys, here's the situation. Basically, everything looks as it should within FireFox on my page, however IE brings me weird troubles. Upon loading the page at first in IE, it usually has some stranger extra space around the border, you'll see what I mean when I link it up. However, upon a refresh it looks as it should. What changes in a refresh on IE? So I temporarily just set the java popup window to be immediate, which auto-refreshes the page thus making look as it should. I don't know if this method fixes the look for everybody though. Here is the page with the java popup: http://perfectpathtowealth.com Here is it without: http://perfectpathtowealth.com/testindex123.html Anyone have any idea what I could do to fix the problem in IE? Thanks in advance! Preface: Aside from an angelfire webpage back in the 90's I have very little HTML experience. I am now trying to create a webpage and server on an 8-bit microcontroller. Because of memory limitations, I need to keep my entire page in one packet (~1500 bytes, including headers, et al). To avoid unnecessary overhead in the server, I do not want to use Code: <header><meta http-equiv="refresh"content=30;url=http://... Instead, I would like to put a refresh button on the page for users to hit when they want to check for any changes to the page. I have tested two options that both seem to work (tested in IE9, Firefox, Chrome). Option 1: An actual button Code: <form><input type=button value="Refresh"onClick="window.location.reload()"></form> Option 2: Just a simple link to the page with the word Refresh Code: <a href="http://www.....">Refresh</a> Question: I am not looking for the fanciest solution here -- just the most reliable. That said, I would prefer the button solution over the hyperlink solution. Is there any danger that Option 1 may not work in some cases in some browsers? Will both/either force the browser to go out and get the page again (rather than load from cache)? Okay, so heres my problem, i am creating a page for a touch screen based intranet at Coca Cola in Australia. the homepage will be the main page, other links will only be viewed for short amounts of time. is there anyway to make it so, if there is no activity for an amount of time (say 5 minutes) the page will refresh to the homepage ? I have tried Combining these to codes that i have found off the net, but just cant get it to work - THIS CODE IS FOR AUTO REFRESH <head> <title>Auto Reload</title> <script language="JavaScript"> <!-- var time = null function move() { window.location = 'http://yoursite.com' } //--> </script> </head> <body onload="timer=setTimeout('move()',3000)"> <p>see this page refresh itself in 3 secs.<p> </body> THIS CODE IS FOR NOTICE WHEN INACTIVE <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-9" /> <title>5 seconds mouse inactivity</title> <script language="javascript"> var activity; document.documentElement.onmousemove = function() { clearInterval(activity); activity = setInterval(saySomething, 5000); } function saySomething() { alert("it's been 5 seconds that your mouse didn't move Smile"); } </script> </head> <body onload="activity=setInterval(saySomething, 5000);"> </body> </html> I want it to Load a Page When Inactive, rather then Alert Is there a code that randomly shows one of e.g. three pictures that changes everytime you refresh the page? And/Or, something that changes the image fading from one into the other on a continuous loop. Thanks. |