Home/ Questions/Q 8347513
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T07:22:59+00:00

I have created a simple template here: http://jsfiddle.net/sfntz/ How is it possible to make

  • 0

I have created a simple template here:
http://jsfiddle.net/sfntz/

How is it possible to make the links open pages within the iframe without reloading the main page? I would presume that such thing is possible with javascript ajax (something that I have no coding experience with as of yet).

The code I have currently is:

<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

<style>
    #left-container {
        width: 150px;
        float: left;
    }
    #right-container {
        width: 450px;
        float: left;
    }
</style>

</head>

<body>

    <div id="left-container">
        <a href="">Link to iFrame 1</a><br/>
        <a href="">Link to iFrame 2</a><br/>
        <a href="">Link to iFrame 3</a><br/>
        <a href="">Link to iFrame 4</a><br/>
        <a href="">Link to iFrame 5</a><br/>
    </div>

    <div id="right-container">
        <iframe src="http://www.yahoo.com" style="border:0px #FFFFFF none;" name="myiframe" scrolling="no" frameborder="0" marginheight="0px" marginwidth="0px" height="350px" width="350px">
        </iframe>
    </div>

</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    It is far more simple than you think:
    Just name the iframe and set the target attribute on the link:

    <iframe src="one.html" name="frame" id="frame"></iframe>
<a href="two.html" target="frame">Next Page</a>

    With using jQuery, you could try:

    <iframe src="one.html" name="frame" id="frame"></iframe>
<a href="javascript:$('#frame').load('two.html');">Next Page</a>
    • 0