Javascript Refresh / Reload

tags: javascript   refresh  

The following Javascript from Grizzlyweb allows the webmaster to refresh (reload) any web page in different ways. I jotted down this script because after trying quite a few, this was the only one working on all the versions of the main browsers (Internet Explorer, Safari, Firefox, Opera), other than allowing two main refresh methods: automatic and with the use of a link (button).


Javascript Refresh Automatico

This version uses an under-utilized method of dealing with cross browser and old version browser compatibility. It defines multiple JavaScript code blocks, where each JavaScript version block redefines the same function. Only the last version block that is supported by the browser will be used. So older browsers will use the "JavaScript" block, while later browsers will use either the "JavaScript1.1" or "JavaScript1.2" block depending upon the browser's capabilities. If the browser does not support JavaScript or has it disabled, the "noscript" block will be used.

<html>

<head>
<title>Refresh JavaScript Example</title>
<noscript>
<!--
    We have the "refresh" meta-tag in case the user's browser does
    not correctly support JavaScript or has JavaScript disabled.

    Notice that this is nested within a "noscript" block.
-->
<meta http-equiv="refresh" content="2">

</noscript>

<script language="JavaScript">
<!--

var sURL = unescape(window.location.pathname);

function doLoad()
{
    // the timeout value should be the same as in the "refresh" meta-tag
    setTimeout( "refresh()", 2*1000 );
}

function refresh()
{
    //  This version of the refresh function will cause a new
    //  entry in the visitor's history.  It is provided for
    //  those browsers that only support JavaScript 1.0.
    //
    window.location.href = sURL;
}
//-->
</script>

<script language="JavaScript1.1">
<!--
function refresh()
{
    //  This version does NOT cause an entry in the browser's
    //  page view history.  Most browsers will always retrieve
    //  the document from the web-server whether it is already
    //  in the browsers page-cache or not.
    // 
    window.location.replace( sURL );
}
//-->
</script>

<script language="JavaScript1.2">
<!--
function refresh()
{
    //  This version of the refresh function will be invoked
    //  for browsers that support JavaScript version 1.2
    //
   
    //  The argument to the location.reload function determines
    //  if the browser should retrieve the document from the
    //  web-server.  In our example all we need to do is cause
    //  the JavaScript block in the document body to be
    //  re-evaluated.  If we needed to pull the document from
    //  the web-server again (such as where the document contents
    //  change dynamically) we would pass the argument as 'true'.
    // 
    window.location.reload( false );
}
//-->
</script>
</head>

<!--
    Use the "onload" event to start the refresh process.
-->
<body onload="doLoad()">

<script language="JavaScript">
<!--
    // we put this here so we can see something change
    document.write('<b>' + (new Date).toLocaleString() + '</b>');
//-->
</script>


</body>

</html>


Javascript Refresh Link (bottone)

A similar Javascript to reload the page when the user clicks on a link, on an image button or on a form button:

<html>

<head>
<title>Refresh Button Example</title>
<script language="JavaScript">
<!--

//  The "refresh" function implementations are identical
//  to our regular "JavaScript-Refresh" example.  The only
//  difference from our JavaScript Refresh example is
//  we do not have a doLoad function that starts our
//  refresh timer (since we use a refresh button).

var sURL = unescape(window.location.pathname);

function refresh()
{
    window.location.href = sURL;
}
//-->
</script>

<script language="JavaScript1.1">
<!--
function refresh()
{
    window.location.replace( sURL );
}
//-->
</script>

<script language="JavaScript1.2">
<!--
function refresh()
{
    window.location.reload( false );
}
//-->
</script>
</head>

<body>

<script language="JavaScript">
<!--
    // we put this here so we can see something change
    document.write('<b>' + (new Date).toLocaleString() + '</b>');
//-->
</script>

<!--

    In every example that we use below, we simply call the "refresh"
    JavaScript function.
   
    Our first example uses a "link" that invokes the JavaScript function.
-->
<p><a href="javascript:refresh()">Refresh Link</a></p>

<!--
    The "image" button is nothing more than an image nested in a link.
-->
<p><a href="javascript:refresh()"><img src="images/button_green.gif" border="0"
align="middle" width="71" height="70"></a>image as a button</p>

<!--
    The last method ties into the "onclick" event for a form button.
-->
<form method="GET" action="refreshbutton.htm">
  <p><input type="button" onclick="refresh()" value="Refresh Form Button"
  name="button1"></p>
</form>

</body>

</html>

Note: all the credits for the script go to Grizzlyweb, please follow the main link of this resource for more info or just leave your comments below.


Similar:

TfuabWDxlxgirLgJZl

budb, cialis no prescription, :-((, online viagra, 33536,

KxRACRCxtyn

setningene, order cialis uk, 465591, cialis professional dosage, 8-PP,

uQyTczvozop

vedoangyal, cialis kaina litovskiy, 978995, online pharmacy viagra, 931338,

kXuZIBpVSftd

aganderatt, order cialis now, 169, generic cialis overnight, >:-DDD,

hpWHokWBamiKu

FuSWCHuiRxR

lattribut, viagra no prescription, ftshhd, viagra prescription, alxe,

IWoAzAJIGjpR

crucis, free viagra, qtzagz, generic viagra online, 312548,

WzDZxQXmmHYSFTXdMH

QGLbSUIuZMASdy

euAXyILswmn

conducir, cialis in uk, 8-DD, buy viagra online inu, 725847,

VNGsGJSArwVTQqt

hFnqnXreyGKP

kZigUMqQuYdLPEBk

LLeLgVudnchTUhFG

gOOiOrTDbZcEnvgWvtk

JakJIcFMssYaqqUSq

WEngMZDFwebxxqw

significa, cheapest price for viagra, :-((, cialis deals, 0145,

kdWXwFYaIwygggmENDn

egwaRIepMSARv

ZHuSPZTVemGGguW

statistikken, viagra 100mg price, >:-O, viagra 25 mg, camq,

Excellently written article,

Excellently written article, if only all bloggers offered the same content as you, the internet would be a much better place. Please keep it up! Cheers

The article is very

The article is very informative!!! You have very great knowledge having this subject. So nice!

Post new comment

The content of this field is kept private and will not be shown publicly.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <h2> <h3> <h4> <img> <hr>
  • Lines and paragraphs break automatically.
  • You may post code using <code>...</code> (generic) or <?php ... ?> (highlighted PHP) tags.
  • Web page addresses and e-mail addresses turn into links automatically.

More information about formatting options

CAPTCHA
Are you human (question to prevent spam)?
Twitter
Add to Technorati Favorites

Featured:

Archives

September 2010
SunMonTueWedThuFriSat
1234
567891011
12131415161718
19202122232425
2627282930
PureDivs Drupal Themes Conversions
PureDivs Conversione Temi Drupal