Can't figure out why click function won't work for lifeimage
I've spent a good bit of time trying to figure this out, so I figure now it's time to go to the forum. I've trying to make "lifeimage" clickable so I can do other stuff with it, but I can't even seem to get the click event to function. Code is below.
-
<!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" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Vamp's World</title>
<link href="css_style/vamp_style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="./javascript/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
// JQUERY stuff goes here
$('div#menu').hide();
$('#lifeimage').click(function() {
$(this).hide();
});
});
</script>
</head>
<body>
<div id="bodybox">
<div id="header">
<div id="logo"></div>
<div id="advertise">
<img src="images/snowball.gif" style="width:468px;height:60px;" alt="Example Ad" />
</div><!-- end advertise -->
<div id="top_link">
<img src="images/top_menu_01.png" id="lifeimage" style="width:74px;height:34px;border:1px solid green;" alt="Life Menu" />
<a href="#"><img src="images/top_menu_02.png" id="Image11" style="width:103px;height:34px;border:0px;margin-left:-5px;" alt="Literature Menu" /></a>
<a href="#"><img src="images/top_menu_03.png" id="Image12" style="width:88px;height:34px;border:0px;margin-left:-5px;" alt="Poetry Menu" /></a>
<a href="#"><img src="images/top_menu_04.png" id="Image13" style="width:75px;height:34px;border:0px;margin-left:-5px;" alt="Media Menu" /></a>
<a href="#"><img src="images/top_menu_05.png" id="Image14" style="width:102px;height:34px;border:0px;margin-left:-5px;" alt="Option 1 Menu" /></a>
<a href="#"><img src="images/top_menu_06.png" id="Image15" style="width:103px;height:34px;border:0px;margin-left:-5px;" alt="Option 2 Menu" /></a>
</div><!-- end top_link -->
</div><!-- end header -->
<div id="main_body_box">
<div id="bar">
<img src="images/menu_2.png" alt="menu_2 (7K)" style="border:0px;width:436px;height:25px;" />
</div><!-- end bar -->
<div id="content">
<div id="leftframe">
<!-- This is the left menu, which is a stack of books -->
<? include("./left_menus/social_menu.php"); ?>
<div id="frame">
<div id="ad_content">
<div style="width:144px;text-align:center">
<object type="application/x-shockwave-flash"
data="http://twitter.com/flash/twitter_badge.swf"
width="144"
height="176">
<param name="movie" value="http://twitter.com/flash/twitter_badge.swf" />
<param name="flashvars" value="color1=26112&type=user&id=wtvamp" />
<param name="wmode" value="transparent" />
<param name="allowScriptAccess" value="always" />
<param name="pluginspage" value="http://www.macromedia.com/go/getflashplayer" />
</object>
<a style="font-size: 10px; color: #006666; text-decoration: none" href="http://twitter.com/WTVamp">follow WTVamp at http://twitter.com</a>
</div>
</div><!-- end ad_content -->
</div><!-- end frame -->
</div><!-- end leftframe -->
<div id="body">
<div id="body_content">
<div id="content_heading">
<div id="pg_heading">
<img src="./images/comingsoon.png" alt="Coming Soon...Vamp's World Returns..." />
</div><!-- end pg_heading -->
</div><!-- end content_heading -->
<div id="content_main">
<div id="internal_content">
<h2>THE SURROUNDING WATERS</h2>
<p> He walked alone on the sandy beach,<br />
and stared off into the distance.<br />
The waves lapping at his feet,<br />
reminding him of someone lost,<br />
of a child taken in by the surrounding water.<br />
<br />
He raised her for eleven years,<br />
and loved her as his only daughter.<br />
As a child she cried screamed,<br />
and cried fearful tears,<br />
at the sight of the cold dark water.<br />
<br />
He told her,<br />
stories he learned as a child,<br />
of sunsets and hidden treasures,<br />
and the surrounding beauty of the water.<br />
<br />
And as she grew older,<br />
he remembered them standing together,<br />
watching the storm hit the rocks below,<br />
and the ocean flew up and came crashing over
them,<br />
and she smiled at him under the stormy waters.<br />
<br />
She grew so fond,<br />
of the beach and the surrounding water.<br />
She left him alone one night,<br />
and swam out to see how far it could reach.<br />
She died in the cool black darkness,<br />
of the vast surrounding water.<br />
<br />
And he cries,<br />
whenever he walks along the beach.<br />
Still he does it every night,<br />
just to remind him of her,<br />
of a child taken in by the surrounding water.</p>
</div><!-- end internal_content -->
</div><!-- end content_main -->
<div id="content_footer"></div>
</div><!-- body_content -->
</div><!-- end body -->
</div><!-- end content -->
<p class="space">-</p>
</div><!-- end main_body_box -->
<div id="task_bar" >Copyright ©, 2008 Vamp's World</div>
</div><!--end bodybox -->
</body>
</html>