citrus_cyanide
New Member
I'm pretty new to JavaScript, but I don't know why this script isn't working. I know it's probably my own JS ignorance, but could someone help me? I'm not worried about the CSS or anything. I know CSS and HTML very well, so if there is something that needs done with either of those, feel free to tell me what you think needs done, the code is as follows.
<html xmlns="http://www.w3.org/1999/xhtml" lang="EN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<script type="text/javascript">
function indexMessage(){
alert("Welcome to the Kittys Head Cradle: Your Home for VampireFreaks Layouts")
function tableMouseOver(){
"onmouseover="style.backgroundColor='#D1DCEB';" onmouseout="style.backgroundColor='#DDDDDD'" bgcolor="#DDDDDD"}
</script>
<title>
VampireFreaks Layout Support
</title>
</head>
<body onLoad="indexMessage">
<img src="title.jpg">
<table class="nav" align="left">
<tr>
<td onMouseOver="tableMouseOver()">
<a href="index.htm">Home</a>
</td>
</tr>
<tr>
<td onMouseOver="tableMouseOver()">
<a href="about.htm">About This Site</a>
</td>
</tr>
<tr>
<td onMouseOver="tableMouseOver()">
<a href="http://www.vampirefreaks.com">VampireFreaks</a>
</td>
</tr>
<tr>
<td onMouseOver="tableMouseOver()">
<a href="vfrules.htm">VampireFreaks Rules</a>
</td>
</tr>
<tr>
<td onMouseOver="tableMouseOver()">
<a href="myrules.htm">My Rules</a>
</td>
</tr>
<tr>
<td onMouseOver="tableMouseOver()">
<a href="templates.htm">Profile Templates</a>
</td>
</tr>
<tr>
<td onMouseOver="tableMouseOver()">
<a href="contact.htm">Contact Me</a>
</td>
</tr>
</table>
</body>
</html>
I cannot get either of the functions to work when I call on them, even the simple alert function, witch was only a test to see if I could even call it right. Thanks for any help.
<html xmlns="http://www.w3.org/1999/xhtml" lang="EN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<script type="text/javascript">
function indexMessage(){
alert("Welcome to the Kittys Head Cradle: Your Home for VampireFreaks Layouts")
function tableMouseOver(){
"onmouseover="style.backgroundColor='#D1DCEB';" onmouseout="style.backgroundColor='#DDDDDD'" bgcolor="#DDDDDD"}
</script>
<title>
VampireFreaks Layout Support
</title>
</head>
<body onLoad="indexMessage">
<img src="title.jpg">
<table class="nav" align="left">
<tr>
<td onMouseOver="tableMouseOver()">
<a href="index.htm">Home</a>
</td>
</tr>
<tr>
<td onMouseOver="tableMouseOver()">
<a href="about.htm">About This Site</a>
</td>
</tr>
<tr>
<td onMouseOver="tableMouseOver()">
<a href="http://www.vampirefreaks.com">VampireFreaks</a>
</td>
</tr>
<tr>
<td onMouseOver="tableMouseOver()">
<a href="vfrules.htm">VampireFreaks Rules</a>
</td>
</tr>
<tr>
<td onMouseOver="tableMouseOver()">
<a href="myrules.htm">My Rules</a>
</td>
</tr>
<tr>
<td onMouseOver="tableMouseOver()">
<a href="templates.htm">Profile Templates</a>
</td>
</tr>
<tr>
<td onMouseOver="tableMouseOver()">
<a href="contact.htm">Contact Me</a>
</td>
</tr>
</table>
</body>
</html>
I cannot get either of the functions to work when I call on them, even the simple alert function, witch was only a test to see if I could even call it right. Thanks for any help.