<html>
<head>
<title>Frameset (Left) Primer Tutorial via RJM Programming</title>
<meta name="viewport" content="width=device-width; initial-scale=1;" />
<style>
body {
background-color: #cdcdcd;
color: red;
text-align:center;
height: 850px;
}
.background {
padding-top: 120px;
background: url('//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="";
var ua = navigator.userAgent;
var msie = false;
var ff = false;
var chrome = false;
var version="";
var ieversion="";
var ffversion="";
var androidversion="";
function makeitgo() {
document.getElementById('tempdiv').style.display = 'none';
}
function checks() {
if (ua.indexOf("Android") >= 0) {
androidversion = parseFloat(ua.slice(ua.indexOf("Android") + 8));
if (androidversion < 2.3) {
if (window.location.search.length == 0) {
document.body.innerHTML = document.body.innerHTML + "<div id='tempdiv'>Welcome to Android frameset cols set to: 50%,50%</div>";
document.writeln("<html><head><meta name='viewport' content='width=device-width; initial-scale=0.3;' /></head><body style=' height: 800px;'><table><tr><td style='width:50%;'><iframe src='new_frameset_content.html?called=y' name='left' id='left' style='width:100%;' ></iframe></td><td style='width:50%;'><iframe src='//www.rjmprogramming.com.au/thewest/images/DSC_0208.png' name='content' id='content' style='width:100%;' ></iframe></td></tr></table></body></html>");
//location.href='./new_frameset_content.html?called=y';
} else {
document.body.innerHTML = document.body.innerHTML + "<div id='tempdiv'>Welcome to Android " + " version:" + androidversion + "</div>";
document.body.style.width = "100%";
document.body.style.height = "600px";
document.body.style.zoom = 0.6;
document.getElementById('myheading').innerHTML = 'Highest <br>Mountains of <br>Each Continent <br>on Earth';
//alert(99);
}
} else {
//parent.document.getElementsByTagName("FRAMESET").item(0).cols = "11%,89%";
//document.body.innerHTML = document.body.innerHTML + "<div id='tempdiv'>Welcome to Android/webOS/iPhone/iPad/iPod/BlackBerry " + " version:" + androidversion + " frameset cols set to: 11%,89%</div>";
if (window.location.search.length == 0) {
document.body.innerHTML = document.body.innerHTML + "<div id='tempdiv'>Welcome to Android " + " version:" + androidversion + "</div>";
//document.writeln("<html><head><meta name='viewport' content='width=device-width; initial-scale=0.3;' /></head><body><table><tr><td style='width:49%;'><iframe src='new_frameset_content.html?called=y' name='left' id='left' style='width:49%;' ></iframe></td><td style='width:51%;'><iframe src='//www.rjmprogramming.com.au/thewest/images/DSC_0208.png' name='content' id='content' style='width:51%;' ></iframe></td></tr></table></body></html>");
document.writeln("<html><head><meta name='viewport' content='width=device-width; initial-scale=0.3;' /></head><body style=' height: 800px;'><iframe src='new_frameset_content.html?called=y' name='left' id='left' style='width:40%;' ></iframe></body></html>");
} else {
if (window.location.search.length == 0) {
document.body.innerHTML = document.body.innerHTML + "<div id='tempdiv'>Welcome to Android " + " version:" + androidversion + "</div>";
document.writeln("<html><head><meta name='viewport' content='width=device-width; initial-scale=1;' /></head><body><table><tr><td style='width:49%;'><iframe src='new_frameset_content.html?called=y' name='left' id='left' style='width:100%;' ></iframe></td><td style='width:51%;'><iframe src='//www.rjmprogramming.com.au/thewest/images/DSC_0208.png' name='content' id='content' style='width:100%;' ></iframe></td></tr></table></body></html>");
//location.href='./new_frameset_content.html?called=y';
} else {
document.body.innerHTML = document.body.innerHTML + "<div id='tempdiv'>Welcome to Android " + " version:" + androidversion + "</div>";
document.body.style.width = "100%";
document.body.style.height = "600px";
document.body.style.zoom = 0.6;
document.getElementById('myheading').innerHTML = 'Highest <br>Mountains of <br>Each Continent <br>on Earth';
//alert(999);
}
}
}
}
//Javascript Browser Detection - Mobile
else if (/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(ua)) {
//parent.document.getElementsByTagName("FRAMESET").item(0).cols = "12%,88%";
//document.body.innerHTML = document.body.innerHTML + "<div id='tempdiv'>Welcome to Android/webOS/iPhone/iPad/iPod/BlackBerry frameset cols set to: 12%,88%</div>";
if (window.location.search.length == 0) {
document.body.innerHTML = document.body.innerHTML + "<div id='tempdiv'>Welcome to Android/webOS/iPhone/iPad/iPod/BlackBerry frameset cols set to: 8%,92%</div>";
document.writeln("<html><head><meta name='viewport' content='width=device-width; initial-scale=1;' /></head><body><table><tr><td style='width:8%;'><iframe src='//www.rjmprogramming.com.au/thewest/images/DSC_0208.png' name='content' id='content' style='width:8%;' ></iframe></td><td style='width:92%;'><iframe src='new_frameset_content.html?called=y' name='left' id='left' style='width:92%;' ></iframe></td></tr></table></body></html>");
} else {
document.body.innerHTML = document.body.innerHTML + "<div id='tempdiv'>Welcome to Android/webOS/iPhone/iPad/iPod/BlackBerry frameset cols set to: 12%,88%</div>";
//alert(998);
}
// Check if the orientation has changed 90 degrees or -90 degrees... or 0
window.addEventListener("orientationchange", function () {
//alert(window.orientation);
document.getElementsByTagName("tempdiv").innerHTML = document.getElementsByTagName("tempdiv").innerHTML + " window orientation: " + window.orientation;
});
}
//Javascript Browser Detection - Internet Explorer
else if (/MSIE (\d+\.\d+);/.test(ua)) //test for MSIE x.x; True or False
{
msie = (/MSIE (\d+\.\d+);/.test(ua)); //True or False
ieversion = new Number(RegExp.$1); //gets browser version
//alert("ie: " + msie + ' version:' + ieversion);
parent.document.getElementsByTagName("FRAMESET").item(0).cols = "14%,86%";
document.body.innerHTML = document.body.innerHTML + "<div id='tempdiv'>Welcome to Internet Explorer " + " version:" + ieversion + " frameset cols set to: 14%,86%</div>";
}
//Javascript Browser Detection - FireFox
else if (/Firefox[\/\s](\d+\.\d+)/.test(ua))//test for Firefox/x.x or Firefox x.x
{
ff = (/Firefox[\/\s](\d+\.\d+)/.test(ua)); //True or False
ffversion = new Number(RegExp.$1) //gets browser version
if (window.location.search.length == 0) {
var fs = parent.document.getElementsByTagName("FRAMESET");
//parent.document.getElementsByTagName("FRAMESET").item(0).cols = "15%,85%";
if (fs.length > 0) {
parent.document.getElementsByTagName("FRAMESET").item(0).cols = "100%,0%";
}
document.body.innerHTML = document.body.innerHTML + "<div id='tempdiv'>Welcome to Firefox " + " version:" + ffversion + " frameset cols set to: 15%,85%</div>";
var w=window.open(null, "_top","fullscreen=yes");
w.document.writeln("<html><head><meta name='viewport' content='width=device-width; initial-scale=1;' /></head><body style=' height: 800px;'><table style=' height:800px;'><tr><td style='width:15%; height:800px;'><iframe src='new_frameset_content.html?called=y' name='left' id='left' style='width:100%; height:800px;' ></iframe></td><td style='width:85%; height:800px;'><iframe src='//www.rjmprogramming.com.au/thewest/images/DSC_0208.png' name='content' id='content' style='width:100%; height:800px;' ></iframe></td></tr></table></body></html>");
} else {
document.body.innerHTML = document.body.innerHTML + "<div id='tempdiv'>Welcome to Firefox " + " version:" + ffversion + " frameset cols set to: 15%,85%</div>";
}
}
//Javascript Browser Detection - Chrome
else if (ua.lastIndexOf('Chrome/') >= 0) {
version = ua.substr(ua.lastIndexOf('Chrome/') + 7, 2);
//alert("chrome " + version);
parent.document.getElementsByTagName("FRAMESET").item(0).cols = "16%,84%";
document.body.innerHTML = document.body.innerHTML + "<div id='tempdiv'>Welcome to Chrome " + " version:" + version + " frameset cols set to: 16%,84%</div>";
}
//Javascript Browser Detection - Safari
else if (ua.lastIndexOf('Safari/') >= 0) {
version = ua.substr(ua.lastIndexOf('Safari/') + 7, 2);
//alert("Safari " + version);
parent.document.getElementsByTagName("FRAMESET").item(0).cols = "17%,83%";
document.body.innerHTML = document.body.innerHTML + "<div id='tempdiv'>Welcome to Safari " + " version:" + version + " frameset cols set to: 17%,83%</div>";
}
//Javascript Browser Detection - Opera
else if (ua.lastIndexOf('Opera/') >= 0) {
version = ua.substr(ua.lastIndexOf('Opera/') + 6);
//alert("opera " + version);
parent.document.getElementsByTagName("FRAMESET").item(0).cols = "18%,82%";
document.body.innerHTML = document.body.innerHTML + "<div id='tempdiv'>Welcome to Opera " + " version:" + version + " frameset cols set to: 18%,82%</div>";
}
else {
parent.document.getElementsByTagName("FRAMESET").item(0).cols = "19%,81%";
document.body.innerHTML = document.body.innerHTML + "<div id='tempdiv'>Welcome to Unknown Browser called " + ua + " ... frameset cols set to 19%,81%</div>";
}
}
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(' + "'//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="//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="//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="//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(' + "'//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(' + "'//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(' + "'//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(' + "'//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(' + "'//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(' + "'//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="//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(' + "'//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="//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" onload="checks(); setTimeout(makeitgo, 9000);">
<div class="background">
<h1 id="myheading" title="Highest mountains on Earth information thanks to Wikipedia">Highest <br>Mountains of <br>Each Continent <br>on Earth</h1>
<div>
<a href="#myheading" onclick="window.open('//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="//en.wikipedia.org/wiki/Highest_mountain_peaks_of_Africa" title="Africa Highest Mountain 1">Kibo (5895 m)</a></li>
<li><a target="content" href="//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="//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('//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="//en.wikipedia.org/wiki/List_of_mountains#Antarctica" title="Antarctica Highest Mountain 1">Vinson Massif (4897 m)</a></li>
<li><a target="content" href="//en.wikipedia.org/wiki/List_of_mountains#Antarctica" title="Antarctica Highest Mountain 2">Mount Tyree (4852 m)</a></li>
<li><a target="content" href="//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('//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="//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="//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="//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('//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="//en.wikipedia.org/wiki/List_of_mountains#Australia" title="Australia Highest Mountain 1">Mawson Peak (2745 m)</a></li>
<li><a target="content" href="//en.wikipedia.org/wiki/List_of_mountains#Australia" title="Australia Highest Mountain 2">Mount Kosciuszko (2228 m)</a></li>
<li><a target="content" href="//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('//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="//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="//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="//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('//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="//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="//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="//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('//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="//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="//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="//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>