(Solved) : 2 Modify Code Speakers Page Uses List View Shown Time Month Name Lecture Title Speaker On Q28594988 . . .
2. Modify the code for the Speakers page so it uses a list viewas shown above. This time, the month, name, and lecture title foreach speaker should all be in one h3 element. When you finish withthat, the formatting of the page should look something like thepage shown above. Then, to fix the formatting, you can modify thestyle sheet so the margins for the images on the Speakers page are.75em on top, .5em on the right and left, and .25em on the bottom.40% 3. Modify the section for the Contact Us page so all of the oldcode is replaced with the HTML for the form shown above (the headerand footer should stay the same). In sequence from the top are Nameand Email fields, Yes and No radio buttons with the Yes button onwhen the page is loaded, three check boxes, a text area forquestions and comments, and a Submit Form button. When submitted,the form should use the “get” method and go to a page namedregister.html that’s in the same folder as the index.html page. 40%4. When you get the form and its controls working, use HTML5 tovalidate the data in the Name and Email fields. To do that, add the“required” attribute to each field and make sure the type attributeof the Email field is set to “email”. When you submit the form withan empty Name or Email field, this should automatically display anerror message for the first empty field and cancel the submissionof the form. If you submit the form with an invalid email address,this should display a different error message and cancel thesubmission, but how well this works depends on the browser. 20%
html ——————
<!DOCTYPE HTML>
<html lang=”en”>
<head>
<meta charset=”utf-8″>
<meta name=”viewport” content=”width=device-width,initial-scale=1″>
<title>San Joaquin Valley Town Hall</title>
<link rel=”stylesheet”href=”http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css”>
<link href=”main.css” rel=”stylesheet”>
<scriptsrc=”http://code.jquery.com/jquery-2.1.4.min.js”></script>
<scriptsrc=”http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js”></script>
</head>
<body>
<div data-role=”page” id=”home”>
<header data-role=”header”>
<h1>SJV Town Hall</h1>
<div data-role=”navbar”>
<ul>
<li><a href=”#home” data-icon=”home” data-theme=”b”class=”ui-btn-active”>Home</a></li>
<li><a href=”#speakers” data-icon=”star”data-theme=”b”>Speakers</a></li>
<li><a href=”#contact” data-icon=”grid”data-theme=”b”>Contact Us</a></li>
</ul>
</div>
</header>
<section class=”ui-content” role=”main”>
<h2>Cutting-edge speakers <br>for over 75years</h2>
<p>Since 1936, San Joaqin Valley Town Hall has showcasednationally and internationally renowned,
thought-provoking, speakers who inform, educate, and entertainour audience.</p>
<h2>Speaker of the Month<h2>
<a href=”#sampson” data-transition=”flip”>
<h3>February<br>Scott Sampson</h3>
<img src=”images/sampson75.jpg” alt=”Scott Sampson”>
</a>
<h2>Our History</h2>
<p>1937: In the town of Hanford, California, Clio LeeAydelott—a woman of letters—hoped to
make an addition to the Central Valley’s intellectual andcultural life by providing a
venue for “thinking adults to become better informed.” A TownHall series, already established
in twenty other U.S. cities, thus debuted in Fresno with aprogram in 1938; it consisted of
seven morning and six evening lectures. The lectures were sowell received that a second series
was scheduled for the fall of the same year.</p>
<p>The lecture series continued under the direction of Dr.Rappaport for eight seasons. At that
time, the San Joaquin Valley Town Hall of Fresno was formed toproduce the lecture series
independently. The first series of six morning lectures began inOctober of 1946, and that
format continues to this day.</p>
<p>Over the years, Town Hall has hosted almost 500speakers who have provided stimulating, intellectual
entertainment. Some speakers of note include Margaret Mead,Bennett Cerf, Agnes DeMille,
James Michener, Gore Vidal, Maya Angelou, Ray Bradbury,Condoleezza Rice, Henry Kissinger,
and Chet Huntley. In the future, Town Hall will continue to workhard to bring you speakers who
will enlighten and entertain.</p>
</section>
<footer data-role=”footer”>
<h4>© 2016, SJV Town Hall</h4>
</footer>
</div>
<div data-role=”page” id=”speakers”>
<header data-role=”header”>
<h1>SJV Town Hall</h1>
<div data-role=”navbar”>
<ul>
<li><a href=”#home” data-icon=”home”data-theme=”b”>Home</a></li>
<li><a href=”#speakers” data-icon=”star” data-theme=”b”class=”ui-btn-active”>Speakers</a></li>
<li><a href=”#contact” data-icon=”grid”data-theme=”b”>Contact Us</a></li>
</ul>
</div>
</header>
<section class=”ui-content” role=”main”>
<ul>
<li>
<h2>October<h2>
<a href=”#toobin” data-transition=”slidedown”>
<img src=”images/toobin75.jpg” alt=”Jeffrey Toobin”>
<h3>Jeffrey Toobin<br>Black RobedSecrets</h3>
</a>
</li>
<li>
<h2>November<h2>
<a href=”#sorkin” data-transition=”pop”>
<img src=”images/sorkin75.jpg” alt=”Andrew RossSorkin”>
<h3>Andrew Ross Sorkin<br>Too Big toFail</h3>
</a>
</li>
<li><h2>January<h2>
<a href=”#chua” data-transition=”fade”>
<img src=”images/chua75.jpg” alt=”Amy Chua”>
<h3>Amy Chua<br>Babylon to Beijing</h3>
</a>
</li>
<li>
<h2>February<h2>
<a href=”#sampson” data-transition=”flip”>
<img src=”images/sampson75.jpg” alt=”Scott Sampson”>
<h3>Scott Sampson<br>Fossil Threads</h3>
</a>
</li>
</ul>
</section>
<footer data-role=”footer”>
<h4>© 2016, SJV Town Hall</h4>
</footer>
</div>
<div data-role=”page” id=”toobin”>
<header data-role=”header”>
<h1>SJV Town Hall</h1>
<div data-role=”navbar”>
<ul>
<li><a href=”#home” data-icon=”home”data-theme=”b”>Home</a></li>
<li><a href=”#speakers” data-icon=”star”data-theme=”b”>Speakers</a></li>
<li><a href=”#contact” data-icon=”grid”data-theme=”b”>Contact Us</a></li>
</ul>
</div>
</header>
<section class=”ui-content” role=”main”>
<h2>October<br>Jeffrey Toobin</h2>
<h3>The Supreme Nine:<br>Black RobedSecrets</h3>
<img src=”images/toobin_court.cnn.jpg” alt=”Jeffrey Toobin”width=”260″ />
<p>Author of the critically acclaimed best seller,<i>The Nine: Inside the Secret World
of the Supreme Court</i>, Jeffrey Toobin brings the insidestory of one of America’s
most mysterious and powerful institutions to the Saroyan stage.At the podium,
Toobin is an unbiased, deeply analytic expert on American law,politics and procedure
and he provides a unique look into the inner workings of theSupreme Court
and its influence.</p>
<p>Inside the Secret World of the Supreme Court waspublished by Doubleday and spent
more than four months on the NY Times best-seller list, earningToobin the 2008
J. Anthony Lukas Prize for Nonfiction from the Columbia GraduateSchool of Journalism. Toobin
has also written several other best-selling books, including<i>A Vast Conspiracy:
The Real Story of the Sex Scandal that Nearly Brought Down aPresident</i>; <i>The Run of His Life:
The People vs. O.J. Simpson</i>; and <i>Too Close toCall: The 36-Day Battle to Decide the
2000 Election.</i></p>
<a href=”#” data-role=”button” data-rel=”back”data-icon=”back” data-theme=”b”>Back to previouspage</a>
</section>
<footer data-role=”footer”>
<h4>© 2016, SJV Town Hall</h4>
</footer>
</div>
<div data-role=”page” id=”sorkin”>
<header data-role=”header”>
<h1>SJV Town Hall</h1>
<div data-role=”navbar”>
<ul>
<li><a href=”#home” data-icon=”home”data-theme=”b”>Home</a></li>
<li><a href=”#speakers” data-icon=”star”data-theme=”b”>Speakers</a></li>
<li><a href=”#contact” data-icon=”grid”data-theme=”b”>Contact Us</a></li>
</ul>
</div>
</header>
<section class=”ui-content” role=”main”>
<h2>November<br>Andrew Ross Sorkin</h2>
<a href=”#” data-role=”button” data-rel=”back”data-icon=”back” data-theme=”b”>Back to previouspage</a>
</section>
<footer data-role=”footer”>
<h4>© 2016, SJV Town Hall</h4>
</footer>
</div>
<div data-role=”page” id=”chua”>
<header data-role=”header”>
<h1>SJV Town Hall</h1>
<div data-role=”navbar”>
<ul>
<li><a href=”#home” data-icon=”home”data-theme=”b”>Home</a></li>
<li><a href=”#speakers” data-icon=”star”data-theme=”b”>Speakers</a></li>
<li><a href=”#contact” data-icon=”grid”data-theme=”b”>Contact Us</a></li>
</ul>
</div>
</header>
<section class=”ui-content” role=”main”>
<h2>January<br>Amy Chua</h2>
<a href=”#” data-role=”button” data-rel=”back”data-icon=”back” data-theme=”b”>Back to previouspage</a>
</section>
<footer data-role=”footer”>
<h4>© 2016, SJV Town Hall</h4>
</footer>
</div>
<div data-role=”page” id=”sampson”>
<header data-role=”header”>
<h1>SJV Town Hall</h1>
<div data-role=”navbar”>
<ul>
<li><a href=”#home” data-icon=”home”data-theme=”b”>Home</a></li>
<li><a href=”#speakers” data-icon=”star”data-theme=”b”>Speakers</a></li>
<li><a href=”#contact” data-icon=”grid”data-theme=”b”>Contact Us</a></li>
</ul>
</div>
</header>
<section class=”ui-content” role=”main”>
<h2>February<br>Scott Sampson</h2>
<h3>Fossil Threads in the Web of Life</h3>
<img src=”images/sampson_dinosaur.jpg” alt=”Scott Sampson”width=”260″ />
<p>What’s 75 million years old and brand spanking new? Ateenage
Utahceratops! Come to the Saroyan, armed with your best dinosaurroar, when Scott Sampson,
Research Curator at the Utah Museum of Natural History, steps tothe podium. Sampson’s
research has focused on the ecology and evolution of lateCretaceous dinosaurs and he has
conducted fieldwork in a number of countries inAfrica.</p>
<p>Scott Sampson is a Canadian-born paleontologist whoreceived his Ph.D. in zoology from
the University of Toronto. His doctoral work focused on two newspecies of ceratopsids, or
horned dinosaurs, from the Late Cretaceous of Montana, as wellas the
growth and function of certopsid horns and frills.</p>
<p>Following graduation in 1993, Sampson spent a yearworking at the American
Museum of Natual History in New York City, followed by fiveyears as assistant professor of
anatomy at the New York College of Osteopathic Medicine on LongIsland. He arrived at the
University of Utah accepting a dual position as assistantprofessor in the Department of
Geology and Geophysics and curator of vertebrate paleontology atthe Utah Museum of Natural
History. His research interests largely revolve around thephylogenetics, functional
morphology, and evolution of Late Cretaceousdinosaurs.</p>
<p>In addition to his museum and laboratory-based studies,Sampson has conducted paleontological
work in Zimbabwe, South Africa, and Madagascar, as well as theUnited States and Canada. He was
also the on-the-air host for the Discovery Channel’s DinosaurPlanet and recently completed a
book, <em>Dinosaur Odyssey: Fossil Threads in the Web ofLife</em>, which is one of the most
comprehensive surveys of dinosaurs and their worlds todate.</p>
<a href=”#” data-role=”button” data-rel=”back”data-icon=”back” data-theme=”b”>Back to previouspage</a>
</section>
<footer data-role=”footer”>
<h4>© 2016, SJV Town Hall</h4>
</footer>
</div>
<div data-role=”page” id=”contact”>
<header data-role=”header”>
<h1>SJV Town Hall</h1>
<div data-role=”navbar”>
<ul>
<li><a href=”#home” data-icon=”home”data-theme=”b”>Home</a></li>
<li><a href=”#speakers” data-icon=”star”data-theme=”b”>Speakers</a></li>
<li><a href=”#contact” data-icon=”grid” data-theme=”b”class=”ui-btn-active”>Contact Us</a></li>
</ul>
</div>
</header>
<section class=”ui-content” role=”main”style=”text-align:center;”>
<h4>Phone</h4>
<ahref=”tel:15594442180″>559.444.2180</a><br><br>
<h4>Mail</h4>
San Joaquin Valley Town Hall<br>
P.O. Box 5149<br>
Fresno, CA 93755-5149<br><br>
<h4>Email</h4>
<ahref=”mailto:valleytownhall@aol.com”>valleytownhall@aol.com</a><br><br>
<a href=”#” data-role=”button” data-rel=”back”data-icon=”back” data-theme=”b”>Back to previouspage</a>
</section>
<footer data-role=”footer”>
<h4>© 2016, SJV Town Hall</h4>
</footer>
</div>
</body>
</html>
register.html file————————————
<!doctype html>
<html lang=”en”>
<head>
<meta charset=”utf-8″>
<title>Account Registration</title>
<style>
body {
font-family: Arial, Helvetica, sans-serif;
background-color: white;
margin: 0 auto;
width: 250px;
border: 3px solid blue;
padding: 20px;
}
</style>
<script>
//<![CDATA[
var decode = function ( text ) {
text = text.replace(/+/g, ” “);
text = text.replace(/%[a-fA-F0-9]{2}/g,
function ( text ) {
return String.fromCharCode( “0x” + text.substr(1,2));
}
);
return text;
}
var display_data = function () {
var url_parts = window.location.toString().split(“?”);
if ( url_parts.length != 2 ) return;
var fields = url_parts[1].split(“&”);
if ( fields.length == 0 ) {
document.write(“<p>No data was submitted.</p>”);
} else {
document.write(“<dl>”);
var field_parts;
for ( var i in fields ) {
field_parts = fields[i].split(“=”);
field_parts[0] = decode( field_parts[0] );
field_parts[1] = decode( field_parts[1] );
document.write(“<dt>” + field_parts[0] +”</dt>”);
document.write(“<dd>” + field_parts[1] +”</dd>”);
}
document.write(“</dl>”);
}
}
//]]>
</script>
</head>
<body>
<div id=”content”>
<h2>Thanks!</h2>
<h3>Data submitted</h3>
<script>display_data();</script>
</body>
</html>
Expert Answer
Answer to 2 Modify Code Speakers Page Uses List View Shown Time Month Name Lecture Title Speaker On Q28594988 . . .
OR