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>
Member Avatar for stbuchok

funtion messout() should be function messout() (you spelt function wrong)

You're a total life saver. That was KILLING me! Thank you, thank you, thank you.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.