<!DOCTYPE html PUBLIC “_//W3C//DTD XHTML 1.0 Transitional//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=http://www.w3.org/1999/xhtml>
<head>
<meta http-equiv=”Content-Type” content=”text/html; hcarset=UTF-8 />
<title>Untitled Document</title>
<style type=”text/css”>
.urgent {
color : red;
font-weight : bold;
font-size : 20pt;
} class urgent styling
.notsourgent {
color : blue;
font-weight : normal;
font-size : 70%;
} class notsourgent styling
</style>
<script type=”text/javacript”> Enables JavaScript coding
function makeLessUrgent() { Names the function makeLessUrgent
document.getElementByID(“urgentmessage”).classname=”notsourgent”;
} Gets HTML DIV class id “THIS IS URGENT” w/urgent CSS style
</script>
</head>
<body>
<div class=”urgent” id=”urgentmessage”>THIS IS URGENT!</div>
<br />
<input type=button id=”msgbtn” size=”20” value=”Dealt with” Creates a button
onclick=”makeLessUrgent();” /> When button is clicked displays “Dealt with” with css style of notsourgent
</body>
</html>
0 Responses to “Ummm”