Skip to content

Morgan and Kenaz #3

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
MorganButryn wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Morgan and Kenaz #3

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
8d51934
new file: case1/mpl_links.html
MorganButryn Apr 10, 2019
17acdb9
new file: case1/mpl_links.js
MorganButryn Apr 11, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
195 changes: 195 additions & 0 deletions case1/mpl_links.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,195 @@
<!DOCTYPE html>
<html lang="en">
<head>
<!--
New Perspectives on HTML5, CSS3, and JavaScript 6th Edition
Tutorial 13
Case Problem 1

Monroe Public Library Government Links
Author: Morgan and Kenaz
Date: 4-10-19

Filename: mpl_links.html
-->

<title>Monroe Public Library List of Government Sites</title>
<meta charset="utf-8" />
<link href="mpl_base.css" rel="stylesheet" />
<link href="mpl_layout.css" rel="stylesheet" />
<script src="mpl_links.js" async> </script>
</head>

<body>
<header>
<img src="mpl_logo.png" alt="Monroe Public Library" />
<nav id="top">
<ul>
<input type="text" placeholder="Locate a Title" name="gSearch" id="gSearch" />
<label for="gSearch"><img src="mpl_search.png" alt="search" /></label>
</ul>
</nav>
<nav id="middle">
<ul>
<li><a href="#">Materials</a></li>
<li><a href="#">eLibrary</a></li>
<li><a href="#">Events</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Collections</a></li>
<li><a href="#">Support</a></li>
</ul>
</nav>
</header>

<section>
<nav id="left">
<p>Monroe Public Library<br />
580 Main Street<br>
Monroe, OH 45050<br />
(513) 555-0211
</p>
<ul>
<li class="newgroup"><a href="#">Books</a></li>
<li><a href="#">Videos</a></li>
<li><a href="#">Music</a></li>
<li><a href="#">eMedia</a></li>
<li><a href="#">Magazines</a></li>
<li><a href="#">Local History</a></li>
<li class="newgroup"><a href="#">Library Cards</a></li>
<li><a href="#">Card FAQ</a></li>
<li><a href="#">Borrowing &amp; Fees</a></li>
<li><a href="#">Interlibrary Loans</a></li>
<li class="newgroup"><a href="#">MPL Calendar</a></li>
<li><a href="#">Meeting Rooms</a></li>
<li><a href="#">Adult Events</a></li>
<li><a href="#">Teen Events</a></li>
<li><a href="#">Kid Events</a></li>
<li><a href="#">Classes</a></li>
<li class="newgroup"><a href="#">Online Resources</a></li>
<li><a href="#">Ask a Librarian</a></li>
<li><a href="#">Computers &amp; Internet</a></li>
<li><a href="#">Community Info</a></li>
<li class="newgroup"><a href="#">Hours of Operation</a></li>
<li><a href="#">Directions</a></li>
</ul>
</nav>

<article>
<form id="govLinks" name="govLinks">
<h1>Government Sites on the Web</h1>

<p>Select a site from one of the drop-down lists below.</p>
<table>
<tr><td>Executive Branch</td>
<td><select name="executive" id="executive" class="optionLinks">
<option value="#">Select a Web site</option>
<option value="http://www.whitehouse.gov">The White House</option>
<option value="http://www.usda.gov">Department of Agriculture</option>
<option value="http://www.doc.gov">Department of Commerce</option>
<option value="http://www.defenselink.mil">Department of Defense</option>
<option value="http://www.ed.gov">Department of Education</option>
<option value="http://www.energy.gov">Department of Energy</option>
<option value="http://www.hhs.gov">Department of Health and Human Services</option>
<option value="http://www.whitehouse.gov/homeland">Department of Homeland Security</option>
<option value="http://www.hud.gov">Department of Housing and Urban Development</option>
<option value="http://www.doi.gov">Department of the Interior</option>
<option value="http://www.usdoj.gov">Department of Justice</option>
<option value="http://www.dol.gov">Department of Labor</option>
<option value="http://www.state.gov">Department of State</option>
<option value="http://www.ustreas.gov">Department of the Treasury</option>
</select>
</td>
</tr>
<tr><td>Legislative Branch</td>
<td><select name="legislative" id="legislative" class="optionLinks">
<option value="#">Select a Web site</option>
<option value="http://www.house.gov">House Web Site</option>
<option value="http://clerk.house.gov/">Clerk of the House</option>
<option value="http://www.senate.gov">Senate Web Site</option>
<option value="http://www.senate.gov/general/contact_information/senators_cfm.cfm">Senators' Web Sites</option>
<option value="http://www.senate.gov/artandhistory/history/common/generic/Senate_Historical_Office.htm">Senate Historic Office</option>
<option value="http://www.cq.com">Congressional Quarterly</option>
<option value="http://www.loc.gov/">Library of Congress</option>
<option value="http://www.gao.gov/">Government Accountability Office</option>
<option value="http://www.cbo.gov/">Congressional Budget Office</option>
</select>
</td>
</tr>
<tr><td>Judicial Branch</td>
<td><select name="judicial" id="judicial" class="optionLinks">
<option value="#">Select a Web site</option>
<option value="http://www.uscourts.gov">U.S. Courts</option>
<option value="https://www.supremecourt.gov/">U.S. Supreme Court</option>
<option value="http://www.uscourts.gov/courtsofappeals.html">U.S. Courts of Appeals</option>
</select>
</td>
</tr>
<tr><td>State Governments</td>
<td><select name="state" id="state" class="optionLinks">
<option value="#">Select a Web site</option>
<option value="http://www.statelocalgov.net/index.cfm">State and Local Government on the Net</option>
<option value="http://www.statelocalgov.net/state-al.cfm">Alabama</option>
<option value="http://www.statelocalgov.net/state-ak.cfm">Alaska</option>
<option value="http://www.statelocalgov.net/state-az.cfm">Arizona</option>
<option value="http://www.statelocalgov.net/state-ar.cfm">Arkansas</option>
<option value="http://www.statelocalgov.net/state-ca.cfm">California</option>
<option value="http://www.statelocalgov.net/state-co.cfm">Colorado</option>
<option value="http://www.statelocalgov.net/state-ct.cfm">Connecticut</option>
<option value="http://www.statelocalgov.net/state-de.cfm">Delaware</option>
<option value="http://www.statelocalgov.net/state-dc.cfm">District of Columbia</option>
<option value="http://www.statelocalgov.net/state-fl.cfm">Florida</option>
<option value="http://www.statelocalgov.net/state-ga.cfm">Georgia</option>
<option value="http://www.statelocalgov.net/state-hi.cfm">Hawaii</option>
<option value="http://www.statelocalgov.net/state-id.cfm">Idaho</option>
<option value="http://www.statelocalgov.net/state-il.cfm">Illinois</option>
<option value="http://www.statelocalgov.net/state-in.cfm">Indiana</option>
<option value="http://www.statelocalgov.net/state-ia.cfm">Iowa</option>
<option value="http://www.statelocalgov.net/state-ks.cfm">Kansas</option>
<option value="http://www.statelocalgov.net/state-ky.cfm">Kentucky</option>
<option value="http://www.statelocalgov.net/state-la.cfm">Louisana</option>
<option value="http://www.statelocalgov.net/state-me.cfm">Maine</option>
<option value="http://www.statelocalgov.net/state-md.cfm">Maryland</option>
<option value="http://www.statelocalgov.net/state-ma.cfm">Massachusetts</option>
<option value="http://www.statelocalgov.net/state-mi.cfm">Michigan</option>
<option value="http://www.statelocalgov.net/state-mn.cfm">Minnesota</option>
<option value="http://www.statelocalgov.net/state-ms.cfm">Mississippi</option>
<option value="http://www.statelocalgov.net/state-mo.cfm">Missouri</option>
<option value="http://www.statelocalgov.net/state-mn.cfm">Montana</option>
<option value="http://www.statelocalgov.net/state-ne.cfm">Nebraska</option>
<option value="http://www.statelocalgov.net/state-nv.cfm">Nevada</option>
<option value="http://www.statelocalgov.net/state-nh.cfm">New Hampshire</option>
<option value="http://www.statelocalgov.net/state-nj.cfm">New Jersey</option>
<option value="http://www.statelocalgov.net/state-nm.cfm">New Mexico</option>
<option value="http://www.statelocalgov.net/state-ny.cfm">New York</option>
<option value="http://www.statelocalgov.net/state-nc.cfm">North Carolina</option>
<option value="http://www.statelocalgov.net/state-nd.cfm">North Dakota</option>
<option value="http://www.statelocalgov.net/state-oh.cfm">Ohio</option>
<option value="http://www.statelocalgov.net/state-ok.cfm">Oklahoma</option>
<option value="http://www.statelocalgov.net/state-or.cfm">Oregon</option>
<option value="http://www.statelocalgov.net/state-pa.cfm">Pennsylvania</option>
<option value="http://www.statelocalgov.net/state-ri.cfm">Rhode Island</option>
<option value="http://www.statelocalgov.net/state-sc.cfm">South Carolina</option>
<option value="http://www.statelocalgov.net/state-sd.cfm">South Dakota</option>
<option value="http://www.statelocalgov.net/state-tn.cfm">Tennessee</option>
<option value="http://www.statelocalgov.net/state-tx.cfm">Texas</option>
<option value="http://www.statelocalgov.net/state-ut.cfm">Utah</option>
<option value="http://www.statelocalgov.net/state-vt.cfm">Vermont</option>
<option value="http://www.statelocalgov.net/state-va.cfm">Virginia</option>
<option value="http://www.statelocalgov.net/state-wa.cfm">Washington</option>
<option value="http://www.statelocalgov.net/state-wv.cfm">West Virginia</option>
<option value="http://www.statelocalgov.net/state-wi.cfm">Wisconsin</option>
<option value="http://www.statelocalgov.net/state-wy.cfm">Wyoming</option>
</select>
</td>
</tr>
</table>
</form>
</article>

</section>

<footer>
<p>Monroe Public Library &copy; 2018 All Rights Reserved</p>
</footer>
</body>
</html>
24 changes: 24 additions & 0 deletions case1/mpl_links.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
"use strict";

/*
New Perspectives on HTML5, CSS3, and JavaScript 6th Edition
Tutorial 13
Case Problem 1

Author: Denise Kruschev
Date: 2018-03-01

Filename: mpl_links.js

*/


window.addEventListener("load", function() {
var allSelect = document.querySelectorAll("form#govLinks select");

for (var i = 0; i < allSelect.length; i++) {
allSelect[i].onchange = function(e) {
location.href = e.target.value;
}
}
});
Loading