JavaScript Program for Creating a Frame Structure Given in Output.

JavaScript Program for Creating a Frame Structure Given in Output.

Write a JavaScript program for creating a frame structure given in output.
Write a script for creating following frame structure. Fruits, flowers and cities are links to the webpage fruits.html, flowers.html, cities.html respectively. when these links are clicked corresponding data appears in frame 3.



Source Code
<html>
<head>
    <title>Creating frame structure</title>
</head>
<frameset rows="20%, *">
    <frame src="f1.html" name="frame1"/>
    <frameset cols="*, *">
        <frame src="f2.html" name="frame2"/>
        <frame src="f3.html" name="frame3"/>
    <frameset/>
</frameset>
</html>


<html>
<head>
    <title>Frame 1</title>
</head>
<body>
<center>
    <h1>FRAME 1</h1>
</center>
</body>
</html>


<html>
<head>
    <title>Left Side Frame</title>
</head>
<body>
<h1>FRAME 2</h1>
<ul>
    <li><a href="fruits.html" target="frame3">FRUITS</a></li>
    <li><a href="flowers.html" target="frame3">FLOWERS</a></li>
    <li><a href="cities.html" target="frame3">CITIES</a></li>
</ul>
</body>
</html>


<html>
<head>
    <title>FRUITS</title>
</head>
<body>
<h2>Fruits</h2>
<ul type="oval">
    <li>Orange</li>
    <li>Kiwi</li>
    <li>Apple</li>
    <li>Pineapple</li>
</ul>
</body>
</html>


<html>
<head>
    <title>FLOWERS</title>
</head>
<body>
<h2>Flowers</h2>
<ul>
    <li>Rose</li>
    <li>Tulip</li>
    <li>Lily</li>
    <li>Orchids</li>
</ul>
</body>
</html>


<html>
<head>
    <title>CITIES</title>
</head>
<body>
<h2>Cities</h2>
<ul>
    <li>New Delhi</li>
    <li>Mumbai</li>
    <li>Banglore</li>
    <li>Pune</li>
</ul>
</body>
</html>


<html>
<head>
    <title>Frame 3</title>
</head>
<body>
<h1>FRAME 3</h1>
</body>
</html>
Output