<html>
<head>
<title>Frameset (Content) Primer Tutorial via RJM Programming</title>
<style>
body {
background-color: #cdcdcd;
color: red;
text-align:center;
height: 850px;
}
.background {
padding-top: 120px;
background: url('http://www.rjmprogramming.com.au/thewest/images/DSC_0208.png') no-repeat;
background-position:center;
background-size:100% 850px;
}
div {
margin-bottom: 15px;
}
ul.ulmenu {
display: none;
list-style-type: none;
margin-top: 10px;
}
h1 {
margin-top: -110px;
filter:alpha(opacity=100) !important;
opacity: 1.0 !important;
}
a {
color: white;
}
a.ulmenulink {
font-size: 18px;
font-weight: bold;
color: orange;
}
</style>
<script type="text/javascript">
var myobj="";
var myhdg="";
var from="";
var to="";
function plusPlanet(planet, col) {
if (typeof(col)==='undefined') col = 'red';
myobj = document.getElementsByClassName('background');
myhdg = document.getElementById('myheading');
from=' ' + planet + ' and';
to=' <span style="color:' + col + ';">' + planet + '</span> and';
if (myhdg.innerHTML.indexOf(planet) == -1) {
myhdg.innerHTML = myhdg.innerHTML.replace(" of Each Continent ", " of " + planet + " and of Each Continent ");
if (planet == "Mars") {
myobj[0].innerHTML += '<div>';
myobj[0].innerHTML += '<a href="#myheading" onclick="plusPlanet(' + "'" + 'Mars' + "','magenta'" + '); window.open(' + "'http://en.wikipedia.org/wiki/List_of_mountains_on_Mars'" + '); " class="ulmenulink" onmouseover="document.getElementById(' + "'ulmenu14'" + ').style.display=' + "'block'" + ';" title="Highest Martian mountains information thanks to Wikipedia">Mars</a>';
myobj[0].innerHTML += '<ul class="ulmenu" id="ulmenu14">';
myobj[0].innerHTML += '<li style="list-style-type: none;"><a target="content" href="http://en.wikipedia.org/wiki/List_of_mountains_on_Mars" title="Martian Highest Mountain 1 (largest known in Solar System)">Olympus Mons (27000 m)</a></li>';
myobj[0].innerHTML += '<li style="list-style-type: none;"><a target="content" href="http://en.wikipedia.org/wiki/List_of_mountains_on_Mars" title="Martian Highest Mountain 2">Ascraeus Mons (18000 m)</a></li>';
myobj[0].innerHTML += '<li style="list-style-type: none;"><a target="content" href="http://en.wikipedia.org/wiki/List_of_mountains_on_Mars" title="Martian Highest Mountain 3">Arsia Mons (16000 m)</a></li>';
myobj[0].innerHTML += '</ul>';
myobj[0].innerHTML += '</div>';
} else if (planet == "Pluto") {
myobj[0].innerHTML += '<div>';
myobj[0].innerHTML += '<a href="#myheading" onclick="plusPlanet(' + "'" + 'Pluto' + "','white'" + '); window.open(' + "'http://wiki.answers.com/Q/Does_Pluto_have_any_mountains'" + '); " class="ulmenulink" onmouseover="document.getElementById(' + "'ulmenu19'" + ').style.display=' + "'block'" + ';" title="Highest mountains on Pluto?">Pluto</a>';
myobj[0].innerHTML += '<ul class="ulmenu" id="ulmenu19">';
myobj[0].innerHTML += '<li style="list-style-type: none; color: white;">Unknown</li>';
myobj[0].innerHTML += '</ul>';
myobj[0].innerHTML += '</div>';
} else if (planet == "Neptune") {
myobj[0].innerHTML += '<div>';
myobj[0].innerHTML += '<a href="#myheading" onclick="plusPlanet(' + "'" + 'Neptune' + "','lightblue'" + '); window.open(' + "'http://wiki.answers.com/Q/Does_Neptune_have_any_mountains'" + '); " class="ulmenulink" onmouseover="document.getElementById(' + "'ulmenu18'" + ').style.display=' + "'block'" + ';" title="Highest mountains on Neptune?">Neptune</a>';
myobj[0].innerHTML += '<ul class="ulmenu" id="ulmenu18">';
myobj[0].innerHTML += '<li style="list-style-type: none; color: white;">Unknown</li>';
myobj[0].innerHTML += '</ul>';
myobj[0].innerHTML += '</div>';
} else if (planet == "Uranus") {
myobj[0].innerHTML += '<div>';
myobj[0].innerHTML += '<a href="#myheading" onclick="plusPlanet(' + "'" + 'Uranus' + "','lightgreen'" + '); window.open(' + "'http://wiki.answers.com/Q/Is_there_any_mountains_on_Uranus_the_planet'" + '); " class="ulmenulink" onmouseover="document.getElementById(' + "'ulmenu17'" + ').style.display=' + "'block'" + ';" title="Highest mountains on Uranus?">Uranus</a>';
myobj[0].innerHTML += '<ul class="ulmenu" id="ulmenu17">';
myobj[0].innerHTML += '<li style="list-style-type: none; color: white;">Unknown</li>';
myobj[0].innerHTML += '</ul>';
myobj[0].innerHTML += '</div>';
} else if (planet == "Saturn") {
myobj[0].innerHTML += '<div>';
myobj[0].innerHTML += '<a href="#myheading" onclick="plusPlanet(' + "'" + 'Saturn' + "','green'" + '); window.open(' + "'http://wiki.answers.com/Q/Are_there_mountains_on_Saturn'" + '); myhdg.innerHTML = myhdg.innerHTML.replace(from,to);" class="ulmenulink" onmouseover="document.getElementById(' + "'ulmenu16'" + ').style.display=' + "'block'" + ';" title="Highest mountains on Saturn?">Saturn</a>';
myobj[0].innerHTML += '<ul class="ulmenu" id="ulmenu16">';
myobj[0].innerHTML += '<li style="list-style-type: none; color: white;">Unknown</li>';
myobj[0].innerHTML += '</ul>';
myobj[0].innerHTML += '</div>';
} else if (planet == "Jupiter") {
myobj[0].innerHTML += '<div>';
myobj[0].innerHTML += '<a href="#myheading" onclick="plusPlanet(' + "'" + 'Jupiter' + "','blue'" + '); window.open(' + "'http://wiki.answers.com/Q/Are_there_mountains_on_Jupiter'" + '); " class="ulmenulink" onmouseover="document.getElementById(' + "'ulmenu15'" + ').style.display=' + "'block'" + ';" title="Highest mountains on Jupiter?">Jupiter</a>';
myobj[0].innerHTML += '<ul class="ulmenu" id="ulmenu15">';
myobj[0].innerHTML += '<li style="list-style-type: none; color: white;">Unknown</li>';
myobj[0].innerHTML += '</ul>';
myobj[0].innerHTML += '</div>';
} else if (planet == "Mercury") {
myobj[0].innerHTML += '<div>';
myobj[0].innerHTML += '<a href="#myheading" onclick="plusPlanet(' + "'" + 'Mercury' + "','purple'" + '); window.open(' + "'http://en.wikipedia.org/wiki/Caloris_Montes'" + '); " class="ulmenulink" onmouseover="document.getElementById(' + "'ulmenu11'" + ').style.display=' + "'block'" + ';" title="Highest mountains on Mercury">Mercury</a>';
myobj[0].innerHTML += '<ul class="ulmenu" id="ulmenu11">';
myobj[0].innerHTML += '<li style="list-style-type: none;"><a target="content" href="http://en.wikipedia.org/wiki/Caloris_Montes" title="Mercury Highest Mountains">Caloris Montes (1000 m to 2000 m)</a></li>';
myobj[0].innerHTML += '</ul>';
myobj[0].innerHTML += '</div>';
} else if (planet == "Venus") {
myobj[0].innerHTML += '<div>';
myobj[0].innerHTML += '<a href="#myheading" onclick="plusPlanet(' + "'" + 'Venus' + "','yellow'" + '); window.open(' + "'http://en.wikipedia.org/wiki/Maxwell_Montes'" + '); " class="ulmenulink" onmouseover="document.getElementById(' + "'ulmenu12'" + ').style.display=' + "'block'" + ';" title="Highest mountains on Venus">Venus</a>';
myobj[0].innerHTML += '<ul class="ulmenu" id="ulmenu12">';
myobj[0].innerHTML += '<li style="list-style-type: none;"><a target="content" href="http://en.wikipedia.org/wiki/Maxwell_Montes" title="Venus Highest Mountains">Maxwell Montes (about 11000 m)</a></li>';
myobj[0].innerHTML += '</ul>';
myobj[0].innerHTML += '</div>';
}
} else if (myhdg.innerHTML.indexOf(to) == -1) {
myhdg.innerHTML = myhdg.innerHTML.replace(from,to);
}
}
</script>
</head>
<body title="Mt Everest (8848 m) is Highest Mountain in the World ... but this is Blue Mountains in NSW, Australia">
<div class="background">
<h1 id="myheading" title="Highest mountains on Earth information thanks to Wikipedia">Highest Mountains of Each Continent on Earth</h1>
<div>
<a href="#myheading" onclick="window.open('http://en.wikipedia.org/wiki/Highest_mountain_peaks_of_Africa','content');" class="ulmenulink" onmouseover="document.getElementById('ulmenu1').style.display='block';" title="Highest African mountains information thanks to Wikipedia">Africa</a>
<ul class="ulmenu" id="ulmenu1">
<li><a target="content" href="http://en.wikipedia.org/wiki/Highest_mountain_peaks_of_Africa" title="Africa Highest Mountain 1">Kibo (5895 m)</a></li>
<li><a target="content" href="http://en.wikipedia.org/wiki/Highest_mountain_peaks_of_Africa" title="Africa Highest Mountain 2">Mount Kenya (5199 m)</a></li>
<li><a target="content" href="http://en.wikipedia.org/wiki/Highest_mountain_peaks_of_Africa" title="Africa Highest Mountain 3">Mawenzi (5148 m)</a></li>
</ul>
</div>
<div>
<a href="#myheading" onclick="window.open('http://en.wikipedia.org/wiki/List_of_mountains#Antarctica','content');" class="ulmenulink" onmouseover="document.getElementById('ulmenu2').style.display='block';" title="Highest Antarctican mountains information thanks to Wikipedia">Antarctica</a>
<ul class="ulmenu" id="ulmenu2">
<li><a target="content" href="http://en.wikipedia.org/wiki/List_of_mountains#Antarctica" title="Antarctica Highest Mountain 1">Vinson Massif (4897 m)</a></li>
<li><a target="content" href="http://en.wikipedia.org/wiki/List_of_mountains#Antarctica" title="Antarctica Highest Mountain 2">Mount Tyree (4852 m)</a></li>
<li><a target="content" href="http://en.wikipedia.org/wiki/List_of_mountains#Antarctica" title="Antarctica Highest Mountain 3">Mount Kirkpatrick (4528 m)</a></li>
</ul>
</div>
<div>
<a href="#myheading" onclick="window.open('http://en.wikipedia.org/wiki/List_of_mountains#Eight-thousanders','content');" class="ulmenulink" onmouseover="document.getElementById('ulmenu3').style.display='block';" title="Highest Asian (and World) mountains information thanks to Wikipedia">Asia</a>
<ul class="ulmenu" id="ulmenu3">
<li><a target="content" href="http://en.wikipedia.org/wiki/List_of_mountains#Eight-thousanders" title="Asia and World Highest Mountain 1">Everest (8848 m)</a></li>
<li><a target="content" href="http://en.wikipedia.org/wiki/List_of_mountains#Eight-thousanders" title="Asia and World Highest Mountain 2">K2 (8611 m)</a></li>
<li><a target="content" href="http://en.wikipedia.org/wiki/List_of_mountains#Eight-thousanders" title="Asia and World Highest Mountain 3">Kangchenjunga (8586 m)</a></li>
</ul>
</div>
<div>
<a href="#myheading" onclick="window.open('http://en.wikipedia.org/wiki/List_of_mountains#Australia','content');" class="ulmenulink" onmouseover="document.getElementById('ulmenu4').style.display='block';" title="Highest Australian mountains information thanks to Wikipedia">Australia</a>
<ul class="ulmenu" id="ulmenu4">
<li><a target="content" href="http://en.wikipedia.org/wiki/List_of_mountains#Australia" title="Australia Highest Mountain 1">Mawson Peak (2745 m)</a></li>
<li><a target="content" href="http://en.wikipedia.org/wiki/List_of_mountains#Australia" title="Australia Highest Mountain 2">Mount Kosciuszko (2228 m)</a></li>
<li><a target="content" href="http://en.wikipedia.org/wiki/List_of_mountains#Australia" title="Australia Highest Mountain 3">Mount Bogong (1986 m)</a></li>
</ul>
</div>
<div>
<a href="#myheading" onclick="window.open('http://en.wikipedia.org/wiki/Alps#.22Four-thousanders.22_and_ascents','content');" class="ulmenulink" onmouseover="document.getElementById('ulmenu5').style.display='block';" title="Highest European mountains information thanks to Wikipedia">Europe</a>
<ul class="ulmenu" id="ulmenu5">
<li><a target="content" href="http://en.wikipedia.org/wiki/Alps#.22Four-thousanders.22_and_ascents" title="Europe Highest Mountain 1">Mont Blanc (4810 m)</a></li>
<li><a target="content" href="http://en.wikipedia.org/wiki/Alps#.22Four-thousanders.22_and_ascents" title="Europe Highest Mountain 2">Monte Rosa (4634 m)</a></li>
<li><a target="content" href="http://en.wikipedia.org/wiki/Alps#.22Four-thousanders.22_and_ascents" title="Europe Highest Mountain 3">Dom (4545 m)</a></li>
</ul>
</div>
<div>
<a href="#myheading" onclick="window.open('http://en.wikipedia.org/wiki/List_of_mountains#North_America','content');" class="ulmenulink" onmouseover="document.getElementById('ulmenu6').style.display='block';" title="Highest North American mountains information thanks to Wikipedia">North America</a>
<ul class="ulmenu" id="ulmenu6">
<li><a target="content" href="http://en.wikipedia.org/wiki/List_of_mountains#North_America" title="North America Highest Mountain 1">Mount Logan (5959 m)</a></li>
<li><a target="content" href="http://en.wikipedia.org/wiki/List_of_mountains#North_America" title="North America Highest Mountain 2">Mount Saint Elias (5489 m)</a></li>
<li><a target="content" href="http://en.wikipedia.org/wiki/List_of_mountains#North_America" title="North America Highest Mountain 3">Mount Lucania (5226 m)</a></li>
</ul>
</div>
<div>
<a href="#myheading" onclick="window.open('http://en.wikipedia.org/wiki/List_of_mountains#Southern_Andes','content');" class="ulmenulink" onmouseover="document.getElementById('ulmenu7').style.display='block';" title="Highest South American mountains information thanks to Wikipedia">South America</a>
<ul class="ulmenu" id="ulmenu7">
<li><a target="content" href="http://en.wikipedia.org/wiki/List_of_mountains#Southern_Andes" title="South America Highest Mountain 1">Aconcagua (6962 m)</a></li>
<li><a target="content" href="http://en.wikipedia.org/wiki/List_of_mountains#Southern_Andes" title="South America Highest Mountain 2">Ojos del Salado (6891 m)</a></li>
<li><a target="content" href="http://en.wikipedia.org/wiki/List_of_mountains#Southern_Andes" title="South America Highest Mountain 3">Monte Pissis (6793 m)</a></li>
</ul>
</div>
<table><tr>
<td style="padding-left: 350px; color:lightblue;">Click to add</td>
<td><input type="button" onclick="plusPlanet('Mercury');" value="Mercury"></input></td>
<td><input type="button" onclick="plusPlanet('Venus');" value="Venus"></input></td>
<td><input type="button" onclick="plusPlanet('Mars');" value="Mars"></input></td>
<td><input type="button" onclick="plusPlanet('Jupiter');" value="Jupiter"></input></td>
<td><input type="button" onclick="plusPlanet('Saturn');" value="Saturn"></input></td>
<td><input type="button" onclick="plusPlanet('Uranus');" value="Uranus"></input></td>
<td><input type="button" onclick="plusPlanet('Neptune');" value="Neptune"></input></td>
<td><input type="button" onclick="plusPlanet('Pluto');" value="Pluto"></input></td>
<td style="color:lightblue;">below ...</td>
</tr></table>
</div>
</body>
</html>