I'm having trouble making the following code work. I'm trying to change text in "columnleft" with the showMess function, when I hover on the paragraph with the class "title." The really frustrating part is that this code has worked elsewhere for me. What am I missing?
<!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">
<head>
<title>Some Company</title>
<meta http-equiv="content-type" content="text/html;charset=Western (ISO-8859-15)" />
<link rel="stylesheet" type="text/css" href="style.css" />
<script type='text/javascript'>
var messages = new Array('hi','hi','hi','hi','hi','hi')
function showMess(q)
{
var introblurb = document.getElementById('columnleft').innerHTML;
var Message = messages[q];
document.getElementById('columnleft').innerHTML = Message;
}
funtion messout()
{
var introblurb = document.getElementById('columnleft').innerHTML;
var Message = " ";
document.getElementById('columnleft').innerHTML = Message;
}
</script>
</head>
<body>
<div id="maincolumn">
<img id="topimage" src="eqwintop3.png">
<p class='title' onMouseOver='showMess(0)'> History</p>
<p id='columnleft'>Good Morning!</p>
</div>
</body>
</html>