ansaurus

Question

Answer 1

A:

Have all your pages include this script.

UnderConstruction.js:

// Set this to 1 to rewrite the page
var underConstruction = 0;

function rewritePage ()
{
    if (underConstruction)
    {
        document.getElementById ('entirePage').innerHTML =
            "<h1>Under construction</h1>";
    }
}

Test.html:

<html>
<head>
    <title>write example</title>
    <script type="text/javascript" src="UnderConstruction.js"></script>
</head>
<body onload="rewritePage()">
    <div id="entirePage">
        <p>Some document content.</p>
    </div>
</body>
</html>

ux9i 2010-01-21 07:07:11

I tried that out before. That is what I am currently using. That method works great exept for the fact that the function is not called until after the page is finished loading. Is there someway to do this without loading the original page first?

Sean Booth 2010-01-21 07:33:03

Answer 2

+2 A:

If you use the following snippet in an htaccess file, your url does not change but redirects:

RewriteEngine on
RewriteRule ^(.*)$ ./under_construction.html [L]

matte 2010-01-21 07:18:19

Requires Apache though.

nikc 2010-01-21 12:09:37

I think he has an Apache server because he says that he tried htaccess once

matte 2010-01-21 21:30:05

Answer 3

+2 A:

Sure thing there is lets take ux9i example and re-write it slightly:

// Set this to true to rewrite the page
var underConstruction = true;

function rewritePage(){
    if (underConstruction){
        document.getElementById ('entirePage').innerHTML =
            "<h1>Under construction</h1>";
    }
}

Test.html

 <html>
    <head>
<script type="text/javascript">
window.onload = rewritePage; 
</script>
        <title>write example</title>
        <script type="text/javascript" src="UnderConstruction.js"></script>
    </head>
    <body>
        <div id="entirePage">
            <p>Some document content.</p>
        </div>
    </body>
    </html>

This ought to do the trick, if I were you I would be using redirection instead of this, here is what I mean:

// Set this to true to rewrite the page
var underConstruction = true;

function rewritePage(){
  if (underConstruction){
location.href = 'contruction.html';
  }
}

Leave the html as it is. Cheers

EDIT

Here is how to do it in php, you'll make page called lets say "construction.html" , now inside of your php page at the top place this code

<?php
$redirect = 1;
if($redirect == 1){     
header('Location: construction.html');
}
?>

It will directly transfer/redirect you to the construction page in case redirect is set to one .. after you're done with the construction page either remove this portion of code completely or set redirect to any other number beside 1.

Sorry I just read this part

If I were to redirect the user from page1.html to underconstruction.html, then that changes the url in the browser. I want the url to stay as page1.html for page1, page2.html for page2, and page3.html for page3... Does anyone know how I can accomplish such a task?

You should let other people know when you edit your question, you should use then iframe, try to google what is iframe and how to use it. Then you can apply the same logic described above to iframes as well.

c0mrade 2010-01-21 08:52:05

ansaurus

tags:

views:

answers:

Replace page content before file loads?

related questions