<html>
<head>
<title>Pulldown Menus Tutorial for Highest Mountains of Each Continent via RJM Programming</title>
<link href='//www.rjmprogramming.com.au/PHP/emboss_h1.css' rel='stylesheet' type='text/css'>
<style>
body {
background-color: #cdcdcd;
color: red;
/* text-align:center; */
height: 600px;
}
.background {
padding-top: 120px;
background: url('http://www.rjmprogramming.com.au/thewest/images/DSC_0208.png') no-repeat;
background-position:center;
background-size:100% 600px;
}
div {
margin-bottom: 15px;
width: 80em;
background-color: #9CF;
opacity: 0.8;
}
ul.ulmenu {
display: none;
list-style-type: none;
margin: 0px;
padding: 0px;
}
ul.ulmenu li {
font: 1em arial, helvetica, sans-serif;
padding-left: 10px;
}
h1 {
margin-top: -110px;
filter:alpha(opacity=100) !important;
opacity: 1.0 !important;
}
a {
color: white;
}
a.ulmenulink, li a {
text-decoration: none;
color: #006;
}
a.ulmenulink {
font-size: 18px;
font-weight: bold;
/* color: orange; */
}
ul.ulmenu li a:hover {
background-color: #006;
color: white;
padding-right: 10px;
}
</style>
<script type='text/javascript'>
var sp1=null;
function onl() { // thanks to https://coursesweb.net/javascript/queryselector-queryselectorall
var gp='https://www.google.com/search?q='; // Mount+Kenya&rlz=1C5CHFA_enAU832AU832&oq='; //Mount+Kenya
if (sp1 == null) { sp1 = document.getElementById('more'); }
// gets A tags added in document.body
var xelms = document.body.querySelectorAll('a');
//registers mouseenter to each element in xelms array
for(var xi=0; xi<xelms.length; xi++){
xelms[xi].addEventListener('mouseenter', (ev)=>{
if (ev.target.href.substring(0,1) != '#' && ev.target.href.indexOf(document.URL + '#') == -1) {
if (ev.target.innerHTML.indexOf(' (') != -1) {
sp1.innerHTML = '<a style="text-decoration:underline;cursor:pointer;" target=_blank title="Google search for ' + ev.target.innerHTML + '" href="' + gp + ev.target.innerHTML.split(' (')[0].replace(/\ /g,'+') + '+mountain' + '">' + ev.target.innerHTML + '</a>';
} else {
sp1.innerHTML = ev.target.href;
}
} else if (ev.target.outerHTML.split('>')[0].indexOf('http') != -1) {
sp1.innerHTML = '<a style="text-decoration:underline;cursor:pointer;" target=_blank title="Wikipedia page for highest mountains in ' + ev.target.innerHTML + '" href="http' + ev.target.outerHTML.split('>')[0].split('http')[1].split("'")[0].split('"')[0] + '"> in ' + ev.target.innerHTML + '</a>';
}
});
}
// gets A tags in LI in UL added in element with id='topdiv'
var elms = document.getElementById('topdiv').querySelectorAll('ul li a');
//registers mouseenter to each element in elms array
for(var i=0; i<elms.length; i++){
elms[i].addEventListener('mouseenter', (ev)=>{
if (ev.target.href.substring(0,1) != '#' && ev.target.href.indexOf(document.URL + '#') == -1) {
if (ev.target.innerHTML.indexOf(' (') != -1) {
sp1.innerHTML = '<a style="text-decoration:underline;cursor:pointer;" target=_blank title="Google search for ' + ev.target.innerHTML + '" href="' + gp + ev.target.innerHTML.split(' (')[0].replace(/\ /g,'+') + '+mountain' + '">' + ev.target.innerHTML + '</a>';
} else {
sp1.innerHTML = ev.target.href;
}
} else if (ev.target.outerHTML.split('>')[0].indexOf('http') != -1) {
sp1.innerHTML = '<a style="text-decoration:underline;cursor:pointer;" target=_blank title="Wikipedia page for highest mountains in ' + ev.target.innerHTML + '" href="http' + ev.target.outerHTML.split('>')[0].split('http')[1].split("'")[0].split('"')[0] + '"> in ' + ev.target.innerHTML + '</a>';
}
});
}
}
</script>
</head>
<body onload="onl();" title="Mt Everest (8848 m) is Highest Mountain in the World ... but this is Blue Mountains in NSW, Australia">
<div id=topdiv class="background">
<h1 id="myheading" title="Highest mountains on Earth information thanks to Wikipedia">Highest Mountains of Each Continent on Earth <span id=more></span></h1>
<div>
<a href="#myheading" onclick="window.open('http://en.wikipedia.org/wiki/Highest_mountain_peaks_of_Africa');" 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="_blank" href="http://en.wikipedia.org/wiki/Highest_mountain_peaks_of_Africa" title="Africa Highest Mountain 1">Kibo (5895 m)</a></li>
<li><a target="_blank" 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="_blank" 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');" 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="_blank" href="http://en.wikipedia.org/wiki/List_of_mountains#Antarctica" title="Antarctica Highest Mountain 1">Vinson Massif (4897 m)</a></li>
<li><a target="_blank" href="http://en.wikipedia.org/wiki/List_of_mountains#Antarctica" title="Antarctica Highest Mountain 2">Mount Tyree (4852 m)</a></li>
<li><a target="_blank" 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');" 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="_blank" 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="_blank" 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="_blank" 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');" 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="_blank" href="http://en.wikipedia.org/wiki/List_of_mountains#Australia" title="Australia Highest Mountain 1">Mawson Peak (2745 m)</a></li>
<li><a target="_blank" href="http://en.wikipedia.org/wiki/List_of_mountains#Australia" title="Australia Highest Mountain 2">Mount Kosciuszko (2228 m)</a></li>
<li><a target="_blank" 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');" 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="_blank" 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="_blank" 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="_blank" 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');" 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="_blank" 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="_blank" 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="_blank" 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');" 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="_blank" 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="_blank" 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="_blank" 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>
</div>
</body>
</html>