Home • University • Campus Jan 24th, 2016 at 02:05 PM

Link between anchor element and iframe element using target and name attribute.

<!DOCTYPE html>
<html>
<body>

<iframe width="100%" height="300px" src="" name="iframe_container"></iframe>

<a href="http://prothom-alo.com" target="iframe_container">Prothom-alo</a> | 
<a href="" target="iframe_container">VCampus</a>


</body>
</html>

Using CSS

<!DOCTYPE html>
<html>
<head><title>App</title>
<style>
 body{margin:0px;}
 ul{list-style:none}
 a{text-decoration:none}
 a:hover{color:#FF0}
</style>
</head>
<body>

<div style="width:1100px; margin:0px auto; background-color:#CCC;">
    <div style="float:left;width:200px;">
        <ul>
        <li><a href="http://prothom-alo.com" target="iframe_container">Prothom-alo</a></li> 
        <li><a href="" target="iframe_container">VCampus</a></li>
        </ul>
    </div>
    <div style="float:left;width:890px;">
     <iframe style="border:none;" width="100%" height="900px" src="" name="iframe_container"></iframe>
    </div>
    <br style="clear:both"/>
</div>
</body>

/13

Link between anchor element and iframe element using target and name attribute.

Comments 6

Share