Hi All,
This is working, but there's no doubt a better/more compact way to
write it. I'm obviously repeating myself. Please enlighten me : )
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>TypeCSSet dev</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="/js/jquery-1.2.3.js"></script>
<script language="JavaScript" type="text/javascript">
<!--
$(function() {
$("#alignLeft").click(function () {
$("#bodyCopy").css("text-align", "left");
});
$("#alignRight").click(function () {
$("#bodyCopy").css("text-align", "right");
});
$("#alignJustify").click(function () {
$("#bodyCopy").css("text-align", "justify");
});
$("#alignCenter").click(function () {
$("#bodyCopy").css("text-align", "center");
});
});
// -->
</script>
</head>
<body>
<ul id="textAlign">
<li id="alignLeft"><a href="#">left</a></li>
<li id="alignRight"><a href="#">right</a></li>
<li id="alignJustify"><a href="#">justify</a></li>
<li id="alignCenter"><a href="#">center</a></li>
</ul>
<div id="bodyCopy">
The darkness of the type as set in mass, which is not the same as
the <em>weight</em> of the face itself. The spacing of words and
letters, the leading of lines, and the incidence of capitals, not to
mention the color (i.e., darkness) of the ink and of the paper it is
printed on, all affect the color of the type.
</div>
</body>
</html>