Question: Just need to be able to iFrame the bottom half of this HTML page when the course is sleceted it shows the iFrame for each.
Just need to be able to iFrame the bottom half of this HTML page when the course is sleceted it shows the iFrame for each. Just do a free so I can see how it is done and I will do the rest with the correct iFrame websites.
.navbar {
overflow: hidden;
background-color: purple;
font-family: Arial, Helvetica, sans-serif;
}
.navbar a {
float: left;
font-size: 16px;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
.dropdown {
float: left;
overflow: hidden;
}
.dropdown .dropbtn {
font-size: 16px;
border: none;
outline: none;
color: white;
padding: 14px 16px;
background-color: inherit;
font-family: inherit;
margin: 0;
}
.navbar a:hover, .dropdown:hover .dropbtn {
background-color: purple;
}
.dropdown-content {
display: none;
position: absolute;
background-color: purple;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content a {
float: left;
display: block;
color: white;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
border-style: groove;
border-width: 7px;
border-color: white;
}
.dropdown-content a:hover {
background-color: purple;
}
.dropdown:hover .dropdown-content {
display: block;
}
body{
background-color:white;
}
Home page
Food
Wild life
Computers
Video games
Math Game
Courses
Courses for CS Major
2016
2017
2018
function showHideCourse(){
var ClassList = document.getElementsByClassName("MATH");
for(i=0;i ClassList[i].style.display = "none"; var ClassList = document.getElementsByClassName("CSCI"); for(i=0;i ClassList[i].style.display = "none"; var ClassList = document.getElementsByClassName("MIS"); for(i=0;i ClassList[i].style.display = "none"; var val = document.getElementById("courseFilter").value; var ClassList = document.getElementsByClassName(val); for(i=0;i ClassList[i].style.display = "block"; }
Step by Step Solution
There are 3 Steps involved in it
Get step-by-step solutions from verified subject matter experts
