Question

I have 3 links that represent the content for one iFrame in my page. When you click each link, it’ll reload the contents of that iFrame without reloading the page.

How do i set one link to be active/selected by default, cause what’s happening now is the page loads, but still i have to click on the link before the content of the iFrame loads?

here’s my code:

            <div id="tabs">
                <div id="overview">
                     <a id="overviewtab" target="tabsa" href="toframe.html">Overviews</a>
                </div>
                <div id="gallery">
                     <a target="tabsa" href="tawagpinoygallery.html">Gallery</a>
                </div>
                <div id="reviews">
                     <a target="tabsa" href="trframe.html">Reviews</a>
                </div>
            </div>
            <div id="tabs-1">
                <!--<div id="scroller">-->
                <iframe name= "tabsa" width="95%" height="100%" frameborder="0"></iframe>
            </div>

thanks so much!! 🙂

Answer 1

You simply set the src attribute of the iframe to the desired url:

<div id="tabs-1">
<!--<div id="scroller">-->
  <iframe src="toframe.html" name= "tabsa" width="95%" height="100%" frameborder="0"></iframe>
</div>