Home/ Questions/Q 8754129
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-13T13:33:43+00:00

The code I want to run upon triggeting the redirect, is to go to

  • 0

The code I want to run upon triggeting the redirect, is to go to another web page (or local html file, either is possible in this situation), however pass some javascript to run on that page, as that page works off embeding content in Iframes. This needs to be done to allow me to specify the content in the iframe upon redirect.

To put it simpler. How can I make it so when you go to website.com/about/, it redirects to website.com/ with the content for /about/ loaded in an iframe?

<head>
    <title> CodeBundle </title>
    <script>
        function home() {document.getElementById("loadedpage").src="home.html";}
        function about() {document.getElementById("loadedpage").src="about.html";}
        function reviews() {document.getElementById("loadedpage").src="reviews.html";}
        function tutorials() {document.getElementById("loadedpage").src="tutorials.html";}
        function blog() {document.getElementById("loadedpage").src="blog.html";}
</script>
</head>
<body>
    <header>
        <br><hr><font size=27><a onClick="home();">Code Bundle</a></font><br><hr>
        <div ALIGN=RIGHT>
            <font size=6> | <a onClick="about();">About</a> | <a     onClick="reviews();">Reviews</a> | <a onClick="tutorials();">Tutorials</a> | <a onClick="blog();">Blog<a> |</font> <hr>
        </div>
        <iframe id="loadedpage" src=home.html width=100% height=100% frameborder=0>Iframe Failed to Load</iframe>
    </header>
</body>
</body>

this is my index.html for website.com/

I want to write a page so that when you go to website.com/about/ it redirects to website.com/ running the javascript function about(), so as to display the about page.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You will have to either pass some data using a query parameter or a fragment identifier.

    See:

    In either case you will have something present in the url and it will look like:

    http://www.example.com/?page=about

    or:

    http://www.example.com/#about

    or – this would be best:

    http://www.example.com/#!/about

    because it could let you make the website crawlable. See:

    Now after reading your comment to the answer by theredled that you “add new content regularly and loading that in embeded iframes is quicker than writing new html every time” I have to ask this: aren’t you using a templating system in your website?

    Keep in mind that making AJAX-loaded content and using fragment identifiers to display the right content is not done because the page creation is easier (it isn’t) but because the user experience is faster and more responsive. See for example the website for the SoundJS library:

    When you click the link to PreloadJS at the top you go to:

    The content is reloaded, the address bar changes, but the page is actually not reloaded. (You can see that it is properly crawlable because it shows in the results if you google for ReloadJS.)

    • 0